#page-wrapper .btn {
   text-transform: capitalize;
}

#page-wrapper .btn,
#page-wrapper select {
   margin: 0;
}

.profile-match-plugin h2 {
   font-size: 16px;
}

.profile-match-plugin .btn-group,
.profile-match-plugin .btn-group .multiselect {
   width: 100%;
}

.ui-autocomplete-loading,
.tags-input .team_match_skill_suggest.ui-autocomplete-loading {
   background: #fff url("../../../themes/woffice-child-theme/img/35.gif") right 10px center no-repeat !important;
   background-size: 24px !important;
   padding-right: 34px !important;
}

.tags-input {
   padding: 5px 0;
   display: inline-block;
   width: 100%;
   position: relative;
}

.tags-input .tag {
   background-color: #007bff;
   color: #fff;
   border-radius: 50px;
   padding: 3px 8px;
   margin: 2px;
   display: inline-block;
   line-height: 1.3;
}

.tags-input .remove-tag {
   margin-left: 5px;
   cursor: pointer;
   color: #fff;
}

/* Team person search polish (matches old clean UI) */
#user_hardcore_search #search_person_form .search_skill_level {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-bottom: 12px;
}

#user_hardcore_search #search_person_form .form-group-new_check {
   display: inline-flex;
   align-items: center;
   margin: 0;
}

#user_hardcore_search #search_person_form .form-group-new_check label {
   margin: 0 0 0 6px;
   font-size: 15px;
   line-height: 1.2;
   color: #1f2937;
}

#user_hardcore_search #search_person_form .team_match_skill_suggest {
   height: 48px;
   border-radius: 14px;
   border: 1px solid #bfc5ce;
   background-color: #fff;
   padding: 12px 16px;
   font-size: 16px;
}

#user_hardcore_search #search_person_form .tags-input {
   padding-top: 0;
}

#user_hardcore_search #search_person_form .tags-input .tag {
   background: #2f80ed;
   border-radius: 20px;
   padding: 4px 12px;
   margin: 6px 6px 0 0;
   font-size: 15px;
   font-weight: 500;
}

#user_hardcore_search #search_person_form .tags-input .remove-tag {
   margin-left: 8px;
   font-weight: 700;
}

#user_hardcore_search #search_person_form .search_team_person_list label,
#user_hardcore_search #search_person_form .team_page_tooltip_level label {
   font-size: 15px;
   color: #1f2937;
   font-weight: 600;
   margin-bottom: 8px;
}

#user_hardcore_search #search_person_form .search_team_person_list select {
   height: 48px;
   border-radius: 14px;
   border: 1px solid #bfc5ce;
   font-size: 16px;
   padding-left: 14px;
}

#user_hardcore_search #search_person_form .team_matchperson {
   border-radius: 24px;
   height: 40px;
   min-width: 140px;
   padding: 8px 20px;
   font-size: 15px;
   font-weight: 600;
}

/* Keep old gif loader visible on input right side */
#user_hardcore_search #search_person_form .ui-autocomplete-loading,
#user_hardcore_search #search_person_form .team_match_skill_suggest.ui-autocomplete-loading {
   background: #fff url("../../../themes/woffice-child-theme/img/35.gif") right 10px center no-repeat !important;
   background-size: 22px !important;
   padding-right: 38px !important;
}

.profile-match-plugin .btn-sec {
   margin: 0 -0.25rem;
}

.profile-match-plugin .btn-sec .btn {
   text-transform: capitalize !important;
   padding-left: 7px !important;
   padding-right: 7px !important;
}

.profile-match-plugin .btn-group .multiselect {
   margin: 0 !important;
}

.profile-match-plugin .btn-group .dropdown-menu {
   max-height: 300px;
   overflow-y: scroll;
   min-width: 250px;
}

.profile-match-plugin .btn-group .dropdown-menu .multiselect-item .multiselect-clear-filter .glyphicon-remove-circle {
   padding: 0 !important;
   font-style: normal;
}

.profile-match-plugin .multiselect-container .input-group {
   padding: 0px;
   margin: 0;
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-align: stretch;
   align-items: stretch;
   width: 100%;
}

.profile-match-plugin .multiselect-container .input-group .multiselect-search {
   margin: 0;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem !important;
}

.profile-match-plugin .multiselect-container .input-group .input-group-btn {
   display: flex;
}

.profile-match-plugin .multiselect-container .input-group .input-group-btn .btn {
   padding: .375rem .75rem !important;
}

.profile-match-plugin .multiselect-container li {
   padding: 0 10px;
   margin-bottom: 10px;
}

.profile-match-plugin .multiselect-container li label.checkbox {
   padding-left: 0 !important;
   font-size: 12px;
}

.profile-match-plugin .multiselect-container li:last-child {
   margin: 0;
}

.profile-match-plugin .multiselect-container li a {
   display: block;
}

.profile-match-plugin .multiselect-container li a label {
   padding: 0;
}

.profile-match-plugin .multiselect-container li a label input {
   margin-right: 10px;
}

/*.right-side .boxs,
.left-side .btn.btn-default,
.left-side .btn{
   background:#0d2752 !important;
}*/
.right-side .boxs h4 {
   color: #fff !important;
}

.right-side .boxs img {
   width: 40px;
   border-radius: 100%;
   margin-right: 10px;
   height: 40px;
}

.middle .nav-pills {
   margin: -10px;
}

/*.middle .nav-pills li{
   padding: 0 10px;
}*/
#page-wrapper .middle .nav-pills li .btn {
   padding: 15px 22px;
}

.middle .nav-pills li .btn1 {
   background: #ec7000;
}

.middle .nav-pills li .btn2 {
   background: #152446;
}

.middle .nav-pills li .btn3 {
   background: #ededed;
   color: #000 !important;
}

@media (min-width: 576px) {
   .profile-match-plugin h2 {
      font-size: 18px;
   }
}

@media (min-width: 768px) {
   .profile-match-plugin h2 {
      font-size: 20px;
   }
}

@media (min-width: 992px) {
   .profile-match-plugin h2 {
      font-size: 22px;
   }
}

@media (min-width: 1200px) {
   .profile-match-plugin h2 {
      font-size: 24px;
   }
}

/*18-03-2020*/
body .new-accordion .card {
   border: 1px solid #eee !important;
   margin-bottom: 5px;
   border-radius: 4px !important;
}

.new-accordion .card .card-header {
   background: transparent;
   padding: 0px;
   border-radius: 0px;
   border: 0px;
}

body .new-accordion .card .card-header .btn {
   width: 100%;
   color: #444 !important;
   text-align: left;
   background-color: #dedede;
}

body .new-accordion .card .card-header .btn:focus {
   text-decoration: none;
}

body .new-accordion .card .card-header .btn.open-active {
   background-color: #00a7d7;
   color: #fff !important;
}

body .new-accordion .card .card-header .btn.open-active i {
   transform: rotate(90deg);
}

.axis-list-form ul {
   -moz-column-count: 2;
   -moz-column-gap: 1em;
   -webkit-column-count: 2;
   -webkit-column-gap: 1em;
   column-count: 2;
   column-gap: 1em;
}

.overlay-button {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.5);
   transition: opacity 200ms;
   visibility: hidden;
   opacity: 0;
}

.overlay-button.light {
   background: rgba(255, 255, 255, 0.5);
}

.overlay-button .cancel {
   position: absolute;
   top: 5px;
   right: 15px;
   width: auto;
   height: auto;
   color: #fff;
   z-index: 999;
   font-size: 20px;
   cursor: pointer;
}

.overlay-button:target {
   visibility: visible;
   opacity: 1;
}

.popup-ov {
   margin: 75px auto;
   padding: 20px;
   background-color: rgba(50, 50, 50, 0.7);
   width: 300px;
   box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
   position: relative;
   border-radius: 4px;
   z-index: 999;
}

.content-pop-work .inner-contentpop {
   height: 500px;
   overflow-y: scroll;
}

/* Scrollbar Styling */
.content-pop-work .inner-contentpop::-webkit-scrollbar {
   width: 3px;
}

.content-pop-work .inner-contentpop::-webkit-scrollbar-track {
   background-color: #ebebeb;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.content-pop-work .inner-contentpop::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #6d6d6d;
}

.light .popup-ov {
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.popup-ov h2 {
   margin-top: 0;
   color: #fff;
}

.popup-ov .close {
   position: absolute;
   width: 20px;
   height: 20px;
   top: 20px;
   right: 20px;
   opacity: 0.8;
   transition: all 200ms;
   font-size: 24px;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}

.popup-ov .close:hover {
   opacity: 1;
}

.popup-ov .content {
   height: 100%;
   overflow: auto;
}

.popup-ov p {
   margin: 0 0 1em;
}

.popup-ov p:last-child {
   margin: 0;
}

.right-side .boxs .team-name {
   font-size: 16px;
   text-transform: capitalize;
}

.right-side .boxs:hover {
   text-decoration: none !important;
}

.custom-tooltip {
   max-height: 100%;
   overflow: inherit;
}

.custom-tooltip h3 {
   font-size: 16px;
   text-transform: capitalize;
}

.custom-tooltip .highest-score {
   transform: unset !important;
}

.custom-tooltip .highest-score ul,
.custom-tooltip .lowest-score ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.custom-tooltip .highest-score .tooltip-box img,
.custom-tooltip .lowest-score .tooltip-box img {
   width: 40px;
   border-radius: 100%;
   margin-right: 10px;
   height: 40px;
}

@media (max-width: 1370px) {

   .middle.team-matching-wrap .nav li.nav-item.pr-lg-0,
   li.nav-item.pl-lg-0 {
      padding-left: 10px !important;
      padding-right: 10px !important;
   }
}

/*18-03-2020*/
.zmile_chart div:nth-child(2) {

   /*   -webkit-transform: translate(50%, 0);
       -ms-transform: translate(50%, 0);
   transform: translate(50%, 0); */
   top: 0 !important;
   -webkit-transform: translate(50%, 0);
   -ms-transform: translate(50%, 0);
   transform: translate(50%, 0);
   white-space: pre-line !important;
   width: 300px;
}

.third-session .custom-tooltip {
   max-height: 350px;
   overflow: auto;
}

.third-session .custom-tooltip::-webkit-scrollbar {
   width: 3px;
}

.third-session .custom-tooltip::-webkit-scrollbar-track {
   background-color: #ebebeb;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

.third-session .custom-tooltip::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #6d6d6d;
}

#page-wrapper .team-ajax .btn {
   font-weight: 500;
}

.main-team-list,
.delete-team-wrap {
   display: block;
   overflow-y: auto;
   height: 195px;
}

.team-match-plugin .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
   right: 0;
   left: auto
}

.team-match-plugin .ui-accordion-header {
   padding-right: 1.5rem !important
}

/* Team Plan Accordion Styles */
.team_doelen.common_accordion .common_accordion_heading,
.team_leden.common_accordion .common_accordion_heading {
   cursor: pointer;
   transition: all 0.3s ease;
   position: relative;
   padding: 10px 15px;
   border: 1px solid rgba(0, 0, 0, 0.10);
   background-color: #f5f3f3;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   border-radius: 6px;
   margin-bottom: 10px;
}

/* .team_doelen.common_accordion .common_accordion_heading:hover,
.team_leden.common_accordion .common_accordion_heading:hover {
   background-color: #f0f0f0;
   box-shadow: 0 2px 6px rgba(0,0,0,0.08);
   transform: translateY(-1px);
} */

/* .team_doelen.common_accordion .common_accordion_heading.active,
.team_leden.common_accordion .common_accordion_heading.active {
   background-color: #e8f5e9;
   border-bottom-color: #0F9D58;
   border-left: 4px solid #0F9D58;
   box-shadow: 0 2px 8px rgba(15, 157, 88, 0.15);
} */

.team_doelen.common_accordion .common_accordion_content,
.team_leden.common_accordion .common_accordion_content {
   display: none;
   padding: 15px;
   background-color: #fff;
   margin-bottom: 15px;
   border-radius: 6px;
   border: 1px solid rgba(0, 0, 0, 0.1);
}

.team_be_doeling_section .single_doel {
   justify-content: space-between;
}

.team_be_doeling_section .single_doel .single_doel_actions_wrapper {
   display: flex;
   align-items: center;
   margin: 0;
   padding: 0;
}

.team_be_doeling_section .single_doel .single_doel_actions_wrapper span.fa {
   font-size: 17px;
}

.team_be_doeling_section span {
   border: none;
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.doelen_list.single_team_leden_info .team_action.action span {
   border: none;
   margin: 0;
   font-size: 16px;
   padding: 0 !important;
   width: auto;
   height: auto;
}

.team_be_doeling_section .single_doel_actions_wrapper {
   gap: 10px;
}

.team_doelen.common_accordion .common_accordion_content.show,
.team_leden.common_accordion .common_accordion_content.show {
   display: block;
   animation: slideDown 0.35s ease;
}

.team_doelen.common_accordion .common_accordion_heading h6.common_title,
.team_leden.common_accordion .common_accordion_heading h6.common_title {
   cursor: pointer;
   margin: 0;
   flex: 1;
   min-width: 200px;
}

.team_doelen.common_accordion .common_accordion_heading .fa-angle-down,
.team_doelen.common_accordion .common_accordion_heading .fa-angle-up,
.team_leden.common_accordion .common_accordion_heading .fa-angle-down,
.team_leden.common_accordion .common_accordion_heading .fa-angle-up {
   margin-left: auto;
   margin-right: 0;
   transition: all 0.3s ease;
   cursor: pointer;
   font-size: 15px;
   /* color: #0F9D58; */
   text-align: center;
   /* background-color: #fff; */
   border-radius: 50%;
   pointer-events: auto;
   z-index: 10;
   position: relative;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border: 1px solid rgba(0, 0, 0, 0.10);
}

.common_accordion_heading_leftuserinfo {
   width: calc(50% - 55px);
   display: flex;
   gap: 10px;
}

.accordian_button {
   display: flex;
   gap: 5px;
   justify-content: end;
}


.team_doelen.common_accordion .common_accordion_heading.active .fa-angle-down,
.team_leden.common_accordion .common_accordion_heading.active .fa-angle-down {
   display: none;
}

.team_doelen.common_accordion .common_accordion_heading:not(.active) .fa-angle-up,
.team_leden.common_accordion .common_accordion_heading:not(.active) .fa-angle-up {
   display: none;
}

/* Nested Accordion (tab_heading) Styles */
.doelen_list .single_doel>.tab_heading {
   cursor: pointer;
   transition: all 0.3s ease;
   padding: 15px 20px;
   border-bottom: 1px solid #e8e8e8;
   background-color: #fafafa;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 15px;
   position: relative;
   border-radius: 4px;
   margin-bottom: 8px;
}

.doelen_list .single_doel>.tab_heading:hover {
   background-color: #f0f0f0;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.single_team_leden_info_new .common_accordion_content.team_btn_section .doel_completed {
   margin-bottom: 10px !important;
}

/* .doelen_list .single_doel > .tab_heading.active {
   background-color: #e8f5e9;
   border-bottom-color: #0F9D58;
   border-left: 3px solid #0F9D58;
} */

.doelen_list .single_doel>.tab_content {
   display: block;
   padding: 20px 25px;
   background-color: #fff;
   border-bottom: 1px solid #e8e8e8;
   /* border-left: 3px solid #e0e0e0; */
   margin-left: 20px;
   margin-bottom: 10px;
   border-radius: 0 4px 4px 0;
}

.doelen_list .single_doel>.tab_content.show {
   display: block;
   animation: none;
}

@keyframes slideDown {
   from {
      opacity: 0;
      transform: translateY(-10px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}

.doelen_list .single_doel>.tab_heading .fa-angle-down,
.doelen_list .single_doel>.tab_heading .fa-angle-up {
   transition: all 0.3s ease;
   cursor: pointer;
   font-size: 20px;
   /* color: #0F9D58; */
   padding: 8px 12px;
   margin-left: auto;
   min-width: 40px;
   text-align: center;
   background-color: #fff;
   border-radius: 50%;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   pointer-events: auto;
   z-index: 10;
   position: relative;
}

.doelen_list .single_doel>.tab_heading.active .fa-angle-down {
   display: none !important;
}

.doelen_list .single_doel>.tab_heading:not(.active) .fa-angle-up {
   display: none !important;
}

.doelen_list .single_doel>.tab_heading.active .fa-angle-up {
   display: inline-block !important;
}

/* Ensure arrows inside doel_title_section_wrappermainsection are clickable */
.doel_title_section_wrappermainsection i.fa-angle-down,
.doel_title_section_wrappermainsection i.fa-angle-up {
   cursor: pointer !important;
   pointer-events: auto !important;
   z-index: 10 !important;
   position: relative;
}

/* Arrow visibility for doel_title_section_wrappermainsection */
.tab_heading.active .doel_title_section_wrappermainsection .fa-angle-down {
   display: none !important;
}

.tab_heading:not(.active) .doel_title_section_wrappermainsection .fa-angle-up {
   display: none !important;
}

.tab_heading.active .doel_title_section_wrappermainsection .fa-angle-up {
   display: inline-block !important;
}

.doelen_list .single_doel>.tab_heading .fa-angle-down,
.doelen_list .single_doel>.tab_heading .fa-angle-up {
   display: none !important;
}

/* Action Plan Accordion Styles */
.team_doelen.common_accordion .common_accordion_heading .team_action {
   margin-left: auto;
   display: flex;
   align-items: center;
   gap: 10px;
}

.team_doelen.common_accordion .common_accordion_heading .team_action .fa-edit,
.team_doelen.common_accordion .common_accordion_heading .team_action .remove_acties {
   cursor: pointer;
   padding: 5px 8px;
   transition: all 0.3s ease;
}



/* .team_doelen.common_accordion .common_accordion_heading .team_action .remove_acties:hover,
.team_be_doeling_section span:hover svg path {
   color: #d32f2f;
   transform: scale(1.1);
} */

.team_doelen.common_accordion .common_accordion_heading .team_users {
   display: flex;
   align-items: center;
   margin-right: 15px;
   gap: -10px;
}

.team_doelen.common_accordion .common_accordion_heading .team_users img {
   border: 2px solid #fff;
   margin-left: -10px;
}

.team_doelen.common_accordion .common_accordion_heading .team_users img:first-child {
   margin-left: 0;
}

.team_doelen.common_accordion .common_accordion_heading .doel_completed {
   margin-right: 15px;
}

/* Exact same design as teamplanpagedoelthree - Override ALL theme CSS */
div#teamplan_tab .single_team_leden_info .doel_completed.teamplanpagedoelthree .doel_prog,
div#teamplan_tab .team_doelen.common_accordion .common_accordion_heading .doel_completed.teamplanpagedoelthree .doel_prog,
div#teamplan_tab .doelen_list .single_doel .tab_heading .doel_title_section .acties_prog,
div#teamplan_tab .acties_heading.tab_heading .actie_prog_single,
div#teamplan_tab .acties_progress_bar .acties_prog,
div#teamplan_tab .acties_progress_bar .actie_prog_single {
   width: 300px !important;
   border-radius: 10px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   height: 20px !important;
   border: 1px solid #adadad !important;
   position: relative !important;
   overflow: hidden !important;
   background-color: #fff !important;
   box-shadow: none !important;
   margin: 0 !important;
   padding: 0 !important;
}

/* Override theme CSS that positions span outside - center it inside instead */
div#teamplan_tab .single_team_leden_info .doel_completed.teamplanpagedoelthree .doel_prog span,
div#teamplan_tab .team_doelen.common_accordion .common_accordion_heading .doel_completed.teamplanpagedoelthree .doel_prog span,
div#teamplan_tab .doelen_list .single_doel .tab_heading .doel_title_section .acties_prog span,
div#teamplan_tab .acties_heading.tab_heading .actie_prog_single span,
div#teamplan_tab .acties_progress_bar .acties_prog span,
div#teamplan_tab .acties_progress_bar .actie_prog_single span {
   font-size: 13px !important;
   font-weight: 600 !important;
   z-index: 2 !important;
   position: relative !important;
   color: #333 !important;
   text-align: center !important;
   right: auto !important;
   left: auto !important;
   margin: 0 !important;
   padding: 0 !important;
}

div#teamplan_tab .single_team_leden_info .doel_completed.teamplanpagedoelthree .doel_prog .prog_white,
div#teamplan_tab .team_doelen.common_accordion .common_accordion_heading .doel_completed.teamplanpagedoelthree .doel_prog .prog_white,
div#teamplan_tab .doelen_list .single_doel .tab_heading .doel_title_section .acties_prog .prog_white,
div#teamplan_tab .acties_heading.tab_heading .actie_prog_single .prog_white,
div#teamplan_tab .acties_progress_bar .acties_prog .prog_white,
div#teamplan_tab .acties_progress_bar .actie_prog_single .prog_white {
   color: #fff !important;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

div#teamplan_tab .single_team_leden_info .doel_completed.teamplanpagedoelthree .doel_prog .prog_black,
div#teamplan_tab .team_doelen.common_accordion .common_accordion_heading .doel_completed.teamplanpagedoelthree .doel_prog .prog_black,
div#teamplan_tab .doelen_list .single_doel .tab_heading .doel_title_section .acties_prog .prog_black,
div#teamplan_tab .acties_heading.tab_heading .actie_prog_single .prog_black,
div#teamplan_tab .acties_progress_bar .acties_prog .prog_black,
div#teamplan_tab .acties_progress_bar .actie_prog_single .prog_black {
   color: #333 !important;
}

/* For nested progress bars, allow full width but same design */
div#teamplan_tab .doelen_list .single_doel .tab_heading .doel_title_section .acties_prog {
   width: 100% !important;
   max-width: 300px !important;
}

div#teamplan_tab .acties_heading.tab_heading .actie_prog_single {
   width: 100% !important;
   max-width: 300px !important;
}

/* Smooth transitions */
.common_accordion_content,
.tab_content {
   overflow: hidden;
   transition: max-height 0.35s ease, padding 0.35s ease;
}

/* Ensure proper spacing */
.team_doelen.common_accordion .single_doel {
   margin-bottom: 10px;
}

.team_doelen.common_accordion .single_doel:last-child {
   margin-bottom: 0;
}

/* Improved layout for accordion heading */
.team_doelen.common_accordion .doelen_list .common_accordion_heading {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 15px;
}

.team_doelen.common_accordion .doelen_list .common_accordion_heading h6.common_title {
   flex: 1;
   min-width: 250px;
   font-weight: 500;
}

.team_doelen.common_accordion .doelen_list .common_accordion_heading .fa-angle-down,
.team_doelen.common_accordion .doelen_list .common_accordion_heading .fa-angle-up {
   order: -1;
   margin-left: 0;
   margin-right: 0;
   color: #000;
}

/* Nested tab heading layout */
.doelen_list .single_doel>.tab_heading .doel_title_section {
   flex: 1;
   min-width: 200px;
}

.doelen_list .single_doel>.tab_heading .author_data {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-right: 15px;
}

.doelen_list .single_doel>.tab_heading .author_data .author_img img {
   width: 35px;
   height: 35px;
   border-radius: 50%;
   border: 2px solid #fff;
}

.doelen_list .single_doel>.tab_heading .author_data .author_name {
   font-size: 14px;
   color: #666;
}

.doelen_list .single_doel>.tab_heading .fa-angle-down,
.doelen_list .single_doel>.tab_heading .fa-angle-up {
   order: -1;
   margin-left: 0;
   margin-right: 10px;
}

/* Team description styling */
.team_doelen.common_accordion .common_accordion_content .team_desc {
   padding: 0;
   margin-bottom: 15px;
   border-bottom: 1px solid #e8e8e8;
   color: #555;
   line-height: 1.6;
   margin-left: 0px !important;
}

.common_accordion .accordion_number {
   margin: 0 5px 0 0;
   display: inline;
}

/* Accordion Numbering Styles */
.accordion_number {
   display: inline-block;
   font-weight: bold;
   /* color: #0F9D58; */
   margin-right: 8px;
   min-width: 30px;
   font-size: 16px;
}

.team_doelen.common_accordion .common_accordion_heading h6.common_title .accordion_number {
   font-size: 18px;
   /* color: #0F9D58; */
   font-weight: 700;
}

/* Acties Progress Bar Styles */
.acties_progress_bar {
   width: 100%;
   margin-top: 12px;
   margin-bottom: 8px;
   display: block !important;
   visibility: visible !important;
}

/* Ensure progress bars inside wrapper match design */
.acties_progress_bar .acties_prog,
.acties_progress_bar .actie_prog_single {
   width: 300px !important;
   max-width: 300px !important;
}

/* .doelen_list .single_doel .tab_heading .doel_title_section .acties_progress_bar {
   width: 100%;
   max-width: 500px;
   display: block !important;
} */
.doelen_list .single_doel .tab_heading .doel_title_section .acties_progress_bar {
   width: 150px;
   max-width: 100%;
   display: block !important;
}

/* Acties progress bar uses unified design above */

.doelen_list .single_doel>.tab_heading .doel_title_section h6.common_title .accordion_number {
   font-size: 16px;
   /* color: #0F9D58; */
   font-weight: 600;
}

.doelen_list .single_doel .tab_content .acties_heading.tab_heading h6.common_title .accordion_number {
   font-size: 15px;
   /* color: #0F9D58; */
   font-weight: 600;
}

/* Actie Single Progress Bar Styles */
.actie_title_wrapper {
   flex: 1;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   max-width: 60%;
   gap: 15px;
}

.doel_title_section_wrappermainsection {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 60%;
}

.doel_title_section_wrappermainsection h6.common_title.border {
   /* display: flex !important; */
   justify-content: center;
   align-items: center;
   word-break: normal;
}

.actie_title_wrapper.actie_title_wrappermainsection {
   justify-content: end;
   gap: 10px;
   align-items: center;
   position: relative;
   z-index: 6;
}

.actie_title_wrapper.actie_title_wrappermainsection .switch.teamplanpage {
   position: relative;
   z-index: 8;
   pointer-events: auto;
   flex-shrink: 0;
}

.actie_title_wrapper.actie_title_wrappermainsection .switch.teamplanpage input.complete_perc_test {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   margin: 0;
   opacity: 0;
   cursor: pointer;
   z-index: 9;
}

.actie_title_wrapper.actie_title_wrappermainsection .switch.teamplanpage input.complete_perc_test:disabled {
   cursor: not-allowed;
}

.actie_title_wrapper.actie_title_wrappermainsection .switch.teamplanpage .slider {
   pointer-events: none;
}

.acties_heading.tab_heading .actie_title_wrapper h6.common_title {
   margin-bottom: 0;
}

.acties_heading.tab_heading .actie_single_progress {
   width: 100%;
   max-width: 150px;
   margin-top: 8px;
   margin-bottom: 0;
   display: block !important;
}

/* Actie single progress bar uses unified design above */

/* ==========================================================================
   TEAM MATCHING REDESIGN - REFINED VERSION BASED ON USER FEEDBACK
   ========================================================================== */

.team-matching-premium-redesign {
   background-color: #f8f9fb;
   padding-top: 15px;
   font-family: inherit;
}

.team-matching-premium-redesign .mijn_plan_page {
   width: 100% !important;
   display: block !important;
   padding: 0 15px !important;
}

.team-matching-premium-redesign .row {
   width: 100% !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}

/* Unified Card/Box Style with Refined Padding */
.team-matching-premium-redesign .parent_content.box_layout,
.team-matching-premium-redesign .modern_team_person_search,
.team-matching-premium-redesign .member-card {
   background-color: #ffffff;
   /* border: 1px solid #e2e8f0; */
   border-radius: 4px;
   padding: 0 !important;
   /* Content padding moved to card_body_content */
   margin-bottom: 30px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   box-sizing: border-box;
   /* width: 100% !important; */
}

/* Header Sections aligned with Theme */
.team-matching-premium-redesign h6.common_title.border_title {
   color: #2b8de4 !important;
   font-size: 16px !important;
   font-weight: 700 !important;
   border-bottom: 2px solid #eef2f7 !important;
   margin: 0 0 20px 0 !important;
   padding-bottom: 12px !important;
   display: flex;
   align-items: center;
   gap: 15px;
}

.team-matching-premium-redesign .parent_heading {
   padding: 10px 0;
}

.team-matching-premium-redesign img.label_icon {
   width: 38px !important;
   height: 38px !important;
   object-fit: contain;
}

/* Jouw team(s) Radio Buttons - Improved Spacing/Padding */
.team-matching-premium-redesign .search_team_person_list .custom-control.custom-radio {
   margin: 0 0 12px 0 !important;
   padding: 12px 15px 12px 48px !important;
   border-radius: 12px;
   background: #ffffff;
   border: 1px solid #eef2f7 !important;
   cursor: pointer;
   width: 100%;
   transition: all 0.25s ease;
   position: relative;
   text-align: left !important;
   display: block !important;
   min-height: 54px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.team-matching-premium-redesign .search_team_person_list .custom-control.custom-radio:hover {
   background: #f8fafc;
   border-color: #cbd5e1 !important;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.team-matching-premium-redesign .search_team_person_list .custom-control.custom-radio:has(input:checked) {
   background: #ffffff;
   border: 2px solid #2b8de4 !important;
   box-shadow: 0 8px 20px rgba(43, 141, 228, 0.12);
}

.team-matching-premium-redesign .custom-control-label {
   font-weight: 500 !important;
   color: #475569 !important;
   cursor: pointer;
   margin: 0 !important;
   padding-left: 0;
   flex: 1;
   font-size: 15px !important;
   transition: all 0.2s ease;
}

.team-matching-premium-redesign input.custom-control-input:checked+.custom-control-label {
   color: #2b8de4 !important;
   font-weight: 700 !important;
}

/* Custom Radio Indicator styling to match image */
.team-matching-premium-redesign .custom-control.custom-radio .custom-control-label::before {
   left: -32px !important;
   top: 50% !important;
   transform: translateY(-50%) !important;
   width: 20px !important;
   height: 20px !important;
   border: 2px solid #cbd5e1 !important;
   background-color: #fff !important;
   transition: all 0.2s ease !important;
}

.team-matching-premium-redesign .custom-control-input:checked~.custom-control-label::before {
   border-color: #2b8de4 !important;
   background-color: #fff !important;
}

.team-matching-premium-redesign .custom-control.custom-radio .custom-control-label::after {
   left: -32px !important;
   top: 50% !important;
   transform: translateY(-50%) !important;
   width: 20px !important;
   height: 20px !important;
   background: none !important;
}

.team-matching-premium-redesign .custom-control-input:checked~.custom-control-label::after {
   background-image: radial-gradient(circle, #2b8de4 40%, transparent 45%) !important;
}

/* Search Form Grid (2x2 for categories) */
.team-matching-premium-redesign .modern_filter_form .search_skill_level:first-of-type {
   display: grid !important;
   grid-template-columns: repeat(2, 1fr) !important;
   gap: 12px !important;
   margin-bottom: 25px !important;
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check {
   background: #ffffff;
   border: 1px solid #eef2f7 !important;
   border-radius: 12px;
   padding: 12px 15px 12px 45px !important;
   transition: all 0.2s ease;
   position: relative;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check:hover {
   border-color: #cbd5e1 !important;
   background: #f8fafc;
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check input[type="radio"] {
   position: absolute;
   left: 15px;
   width: 20px;
   height: 20px;
   margin: 0 !important;
   cursor: pointer;
   z-index: 2;
   opacity: 0;
   /* Hide default radio */
}

/* Custom indicator for .form-group-new_check */
.team-matching-premium-redesign .modern_filter_form .form-group-new_check::before {
   content: "";
   position: absolute;
   left: 12px;
   width: 20px;
   height: 20px;
   border: 2px solid #cbd5e1;
   border-radius: 50%;
   background: #fff;
   transition: all 0.2s ease;
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check:has(input:checked) {
   border-color: #2b8de4 !important;
   background: rgba(43, 141, 228, 0.02);
   box-shadow: 0 4px 12px rgba(43, 141, 228, 0.08);
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check:has(input:checked)::before {
   border-color: #2b8de4;
   background-image: radial-gradient(circle, #2b8de4 40%, transparent 45%);
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check label {
   margin: 0 !important;
   cursor: pointer;
   color: #475569;
   font-weight: 500 !important;
   font-size: 14px !important;
}

.team-matching-premium-redesign .modern_filter_form .form-group-new_check:has(input:checked) label {
   color: #1e293b;
}

/* Capability Levels (Bottom section) */
.team-matching-premium-redesign .team_matching_skill_search_list {
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 10px !important;
}

/* 
.team-matching-premium-redesign .team_matching_skill_search_list .form-group-new_check {
   flex: 1;
   min-width: 140px;
} */

/* Autocomplete Input Container */
.team-matching-premium-redesign .modern_tags_wrapper {
   background: #f8fafc;
   /* border: 1px solid #eef2f7; */
   padding: 15px;
   border-radius: 12px;
   margin-bottom: 20px;
}

.team-matching-premium-redesign .modern_autocomplete_input {
   border-radius: 8px !important;
   border: 1px solid #cbd5e1 !important;
   padding: 10px 15px !important;
}

.team-matching-premium-redesign .suggest_common_skill_title {
   font-weight: 600 !important;
   color: #1e293b;
   margin-bottom: 10px !important;
   display: block;
}

/* Navigation Tabs (Dialoog Style) */
.team-matching-premium-redesign .mathing_tabs {
   background: #f1f5f9 !important;
   padding: 5px !important;
   margin-bottom: 25px !important;
   border-radius: 12px;
   display: flex;
   border: none !important;
}

.team-matching-premium-redesign .mathing_tabs .single_tabs {
   flex: 1;
   margin: 0 !important;
   padding: 10px 15px !important;
   border: none !important;
   cursor: pointer;
   font-weight: 600;
   text-align: center;
   border-radius: 10px;
   transition: all 0.2s ease;
}

.team-matching-premium-redesign .mathing_tabs .single_tabs.active {
   background: #ffffff !important;
   color: #2b8de4 !important;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
}

.team-matching-premium-redesign .mathing_tabs .single_tabs a {
   color: inherit !important;
   text-decoration: none !important;
}

/* Global Search Button Refined to match image */
.team-matching-premium-redesign .team_matchperson {
   background: #3b82f6 !important;
   border: none !important;
   color: #ffffff !important;
   border-radius: 12px !important;
   font-weight: 700 !important;
   padding: 0 40px !important;
   height: 52px;
   font-size: 15px !important;
   box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3) !important;
   transition: all 0.2s ease !important;
   cursor: pointer;
}

.team-matching-premium-redesign .team_matchperson:hover {
   background: #2563eb !important;
   transform: translateY(-2px);
   box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4) !important;
}

/* Result Item Cards - Refined for "Text visibility" */
.team-matching-premium-redesign .member-card {
   background: #ffffff;
   border-radius: 16px;
   padding: 25px;
   text-align: center;
   border: 1px solid #eaeaea;
   transition: all 0.3s ease;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.team-matching-premium-redesign .member-card:hover {
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
   transform: translateY(-5px);
}

.team-matching-premium-redesign .member-avatar {
   margin-bottom: 20px;
}

.team-matching-premium-redesign .member-avatar img {
   border-radius: 50%;
   border: 3px solid #f0f7ff;
   padding: 3px;
   background: #fff;
   width: 100px;
   height: 100px;
   object-fit: cover;
}

.team-matching-premium-redesign .member-name {
   font-size: 1.1rem;
   font-weight: 700;
   color: #333;
   margin-bottom: 15px;
}

/* Bekijk Profiel Button - FIXING COLOR AND VISIBILITY */
.team-matching-premium-redesign .team_user_profile {
   width: 100%;
   background: #3b82f6 !important;
   /* Solid blue as seen in image */
   color: #ffffff !important;
   /* White text is clearly visible */
   border: none !important;
   border-radius: 10px !important;
   font-weight: 700 !important;
   padding: 12px !important;
   font-size: 14px !important;
   text-transform: none !important;
   margin-top: 20px !important;
   box-shadow: 0 4px 8px rgba(59, 130, 246, 0.2) !important;
   display: block;
   text-align: center;
}

.team-matching-premium-redesign .team_user_profile:hover {
   background: #2563eb !important;
   box-shadow: 0 6px 15px rgba(59, 130, 246, 0.3) !important;
}

/* DataTables and results list */
.team-matching-premium-redesign .modern-team-table {
   border-spacing: 0;
   border-collapse: collapse;
}

.team-matching-premium-redesign .modern-team-table thead th {
   padding: 15px !important;
   background: #f8f9fa !important;
   border-bottom: 2px solid #eee !important;
   color: #555 !important;
}

.team-matching-premium-redesign .modern-team-table tbody td {
   padding: 15px !important;
   border-bottom: 1px solid #f0f0f0 !important;
}

/* Common Header Icons */
.team-matching-premium-redesign .common_title img.label_icon {
   width: 30px !important;
   height: 30px !important;
}

/* Profile AJAX Wrapper Styles */
.team-matching-premium-redesign.profile-ajax-wrapper {
   background: transparent !important;
   padding-top: 5px !important;
}

.profile-ajax-wrapper .contact-links-wrapper .contact-item a {
   min-width: 220px;
   padding: 12px 20px;
   font-weight: 700;
   margin-top: 10px;
   border-radius: 12px;
   transition: all 0.3s ease;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 12px;
   border: none !important;
   /* Solid background is more reliable */
   background: #edf2f7 !important;
   /* Solid base color */
   color: #2b8de4 !important;
   /* Clear theme blue */
   text-decoration: none !important;
   font-size: 14px;
}

.profile-ajax-wrapper .contact-links-wrapper .contact-item a:hover {
   background: #2b8de4 !important;
   /* Solid primary theme blue */
   color: #ffffff !important;
   /* Sharp white text */
   box-shadow: 0 5px 15px rgba(43, 141, 228, 0.2);
   transform: translateY(-2px);
}

.profile-ajax-wrapper .contact-links-wrapper .contact-item a i {
   font-size: 16px;
}

.profile-ajax-wrapper .experience-table th {
   font-size: 13px;
   white-space: nowrap;
}

.profile-ajax-wrapper .experience-table td {
   font-size: 14px;
   font-weight: 600;
   color: #2D3748;
}

.profile-ajax-wrapper .experience-table th.bg-light {
   background-color: #f7fafc !important;
   font-weight: 700;
}

.profile-ajax-wrapper .myplan-accordion .border {
   padding: 12px 18px !important;
   border: 1px solid #e2e8f0 !important;
   border-radius: 8px !important;
   cursor: pointer;
   font-size: 14px !important;
}

.profile-ajax-wrapper .myplan-accordion div:not(.border) {
   padding: 15px 20px !important;
   font-size: 14px !important;
   line-height: 1.6 !important;
   color: #4a5568 !important;
}

.profile-ajax-wrapper h5 {
   color: #2D3748;
   font-weight: 800;
   letter-spacing: -0.01em;
   text-transform: uppercase;
   font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
   .team-matching-premium-redesign .mathing_tabs {
      flex-direction: column;
   }

   .team-matching-premium-redesign .mathing_tabs .single_tabs {
      border-radius: 8px;
      margin-bottom: 5px;
   }
}

/* Skill Overview Table & Container Styles */
.team-matching-premium-redesign.skill_team_overeview .skill_overview_table {
   min-width: max-content;
}

.team-matching-premium-redesign.skill_team_overeview .teamplan_tab_skill_nopadding {
   overflow-x: auto;
   border-radius: 12px;
   background: #fff;
   border: 1px solid #e2e8f0;
   margin-bottom: 25px;
}

.team-matching-premium-redesign.skill_team_overeview .toggle_accordion_skill_overview_btns {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 25px;
}

.team-matching-premium-redesign.skill_team_overeview .skill_page_refrsh_btn {
   width: 25px;
   opacity: 0.7;
   transition: opacity 0.2s;
}

.team-matching-premium-redesign.skill_team_overeview .skill_page_refrsh_btn:hover {
   opacity: 1;
}

.team-matching-premium-redesign.skill_team_overeview th#copyright {
   background: #2b8de4 !important;
   color: #fff !important;
}


/* Premium Design for Team Talent */
.skill_team_overeview .team-talent-card {
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
   margin-bottom: 30px;
   overflow: hidden;
   border: 1px solid #e1e8ed;
}

.skill_team_overeview .team-talent-card .card-header {
   background: #f8f9fa;
   padding: 15px 25px;
   border-bottom: 3px solid #34aadc;
   display: flex;
   align-items: center;
   gap: 15px;
}

.skill_team_overeview .team-talent-card .card-header .common_title {
   margin: 0;
   color: #34aadc;
   font-size: 1.1rem;
   font-weight: 700;
}

.skill_team_overeview .team-talent-card .card-body {
   padding: 30px;
}

.skill_team_overeview .talent-tabs {
   border: none;
   justify-content: center;
   gap: 20px;
   margin-bottom: 40px !important;
}

.skill_team_overeview .talent-tabs .nav-link {
   border: 2px solid #34aadc !important;
   border-radius: 30px !important;
   padding: 12px 30px !important;
   color: #333 !important;
   font-weight: 600;
   background: #fff !important;
   transition: all 0.3s ease;
   min-width: 180px;
   text-align: center;
}

.skill_team_overeview .talent-tabs .nav-link.active {
   background: #34aadc !important;
   color: #fff !important;
   box-shadow: 0 4px 15px rgba(52, 170, 220, 0.3);
}

.skill_team_overeview .talent-tabs .nav-link:hover:not(.active) {
   background: #f0f9ff !important;
}

.skill_team_overeview .chart-pane {
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 400px;
}

/* --- Premium Design System: Card & List Refinement --- */

.box_layout {
   background: #ffffff !important;
   border-radius: 4px !important;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
   margin-bottom: 30px !important;
   overflow: hidden !important;
   border: 1px solid #e2e8f0 !important;
}

.parent_heading {
   background: #f1f5f9 !important;
   border-top: 4px solid #34aadc !important;
   border-bottom: 1px solid #e2e8f0 !important;
   padding: 14px 20px !important;
   width: 100% !important;
   display: block !important;
   box-sizing: border-box !important;
   margin: 0 !important;
}

.parent_heading h6.common_title {
   margin: 0 !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   color: #334155 !important;
   display: flex !important;
   align-items: center !important;
   gap: 12px !important;
   text-transform: uppercase !important;
   letter-spacing: 0.5px !important;
   overflow-wrap: break-word !important;
   word-break: break-word !important;
   line-height: 1.3 !important;
}

.parent_heading .label_icon {
   width: 20px !important;
   height: auto !important;
}

.card_body_content {
   padding: 20px !important;
   display: inline-block;
   width: 100%;
}

/* Interactive Goal List - Flattened Style */
.func_target_list {
   display: flex !important;
   flex-direction: column !important;
   gap: 8px !important;
}

.func_target_list .single_doel {
   margin-bottom: 0 !important;
   display: flex !important;
   align-items: center !important;
   gap: 12px !important;
   width: 100% !important;
}

.func_target_list .single_doel p {
   flex-grow: 1;
   background: #fdfefe !important;
   border: 1px solid #f1f5f9 !important;
   padding: 12px 18px !important;
   border-radius: 6px !important;
   color: #475569 !important;
   font-size: 14px !important;
   line-height: 1.4 !important;
   font-weight: 500 !important;
   transition: all 0.2s ease !important;
   margin: 0 !important;
}

/* .func_target_list .single_doel p:hover {
   border-color: #cbd5e1 !important;
   background: #f8fafc !important;
   transform: translateX(4px) !important;
   color: #1e293b !important;
} */

/* Actions & Tooling */
.single_doel_actions_wrapper {
   display: flex !important;
   gap: 10px !important;
}

.single_doel_actions_wrapper span {
   width: 38px !important;
   height: 38px !important;
   background: #f1f5f9 !important;
   border-radius: 10px !important;
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   cursor: pointer !important;
   transition: all 0.2s ease !important;
   color: #64748b !important;
   border: 1px solid #e2e8f0;
}

.single_doel_actions_wrapper span:hover {
   background: #34aadc !important;
   color: #ffffff !important;
   border-color: #34aadc !important;
   transform: scale(1.05);
}

.single_doel_actions_wrapper span.remove_acties:hover {
   background: #ef4444 !important;
   border-color: #ef4444 !important;
}

/* Global Button Refinement */
#add_team_doelen.common_grey_btn {
   background: #34aadc !important;
   color: #ffffff !important;
   border: none !important;
   padding: 14px 28px !important;
   border-radius: 10px !important;
   font-weight: 700 !important;
   font-size: 14px !important;
   margin-top: 15px !important;
   transition: all 0.3s ease !important;
   box-shadow: 0 4px 12px rgba(52, 170, 220, 0.2) !important;
   cursor: pointer;
   text-transform: none !important;
}

#add_team_doelen.common_grey_btn:hover {
   background: #2a88b1 !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 6px 18px rgba(52, 170, 220, 0.3) !important;
}

/* Year Select & Search Boxes */
#select_teamdolen_year {
   height: 42px !important;
   border-radius: 10px !important;
   border: 1px solid #d1d5db !important;
   padding: 0 12px !important;
   font-weight: 600 !important;
   background: #ffffff;
   color: #1e293b;
}

/* --- Teamleden & Jouw Team(s) Premium Refinement --- */

.team_leden_section .single_team_leden {
   margin-bottom: 18px !important;
}

.team_leden_section .single_team_leden_info_new {
   border: 1px solid #eef2f6 !important;
   border-radius: 12px !important;
   overflow: hidden !important;
   background: #ffffff !important;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.team_leden_section .common_accordion_heading {
   display: flex !important;
   align-items: center !important;
   padding: 15px 20px !important;
   background: #f8fafc !important;
   border: none !important;
   margin: 0 !important;
   position: relative;
   gap: 15px;
   border-bottom: 1px solid #f1f5f9 !important;
}

.team_leden_section .common_accordion_heading_leftuserinfo {
   display: flex !important;
   align-items: center !important;
   gap: 14px !important;
   flex-grow: 1;
}

.team_leden_section .common_accordion_heading_leftuserinfo img.avatar {
   width: 48px !important;
   height: 48px !important;
   border-radius: 50% !important;
   border: 3px solid #ffffff !important;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.team_leden_section .common_accordion_heading_leftuserinfo h6.common_title {
   margin: 0 !important;
   font-size: 16px !important;
   font-weight: 700 !important;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.team_leden_section .common_accordion_heading_leftuserinfo h6.common_title a {
   color: #334155 !important;
   text-decoration: none !important;
   transition: color 0.2s ease;
}

.team_leden_section .common_accordion_heading_leftuserinfo h6.common_title a:hover {
   color: #34aadc !important;
}

/* Fix avatar oval/stretch issue */
.team_leden_section .common_accordion_heading_leftuserinfo a {
   display: inline-flex !important;
   width: 48px;
   height: 48px;
   flex-shrink: 0;
}

.team_leden_section .common_accordion_heading_leftuserinfo img.avatar {
   width: 48px !important;
   height: 48px !important;
   border-radius: 50% !important;
   border: 3px solid #ffffff !important;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
   object-fit: cover !important;
}

.team_leden_section .common_accordion_heading_rightactions {
   order: 3 !important;
   /* Move arrow to the far right */
   margin-left: 10px !important;
   flex-shrink: 0;
}

.team_leden_section .common_accordion_heading_rightactions i {
   width: 36px;
   height: 36px;
   background: #ffffff;
   border: 1px solid #e2e8f0;
   border-radius: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   color: #64748b;
   font-size: 15px;
   transition: all 0.2s ease;
}

.team_leden_section .common_accordion_heading_rightactions i:hover {
   background: #34aadc;
   color: #ffffff;
   border-color: #34aadc;
}

.team_leden_section .accordian_button {
   display: flex !important;
   gap: 10px !important;
   order: 2 !important;
   margin-left: auto !important;
   /* Pushes buttons and arrow to the right */
   flex-shrink: 0;
}

.team_leden_section .accordian_button button.common_color_btn,
.team_leden_section .accordian_button a button.common_color_btn {
   background: #34aadc !important;
   border: none !important;
   border-radius: 30px !important;
   padding: 10px 12px !important;
   font-size: 13px !important;
   font-weight: 700 !important;
   color: #ffffff !important;
   transition: all 0.25s ease !important;
   width: 120px !important;
   /* Slightly smaller fixed width for better fit */
   text-align: center;
   white-space: nowrap;
}

.team_leden_section .accordian_button button.common_color_btn:hover {
   background: #2a88b1 !important;
   transform: translateY(-2px) !important;
   box-shadow: 0 4px 12px rgba(52, 170, 220, 0.25) !important;
}

/* Jouw Team(s) List Styling */
.search_team_person_list .custom-radio {
   margin-bottom: 12px !important;
   display: flex !important;
   align-items: center !important;
   padding: 8px 12px !important;
   border-radius: 8px !important;
   transition: background 0.2s ease;
}

.search_team_person_list .custom-radio:hover {
   background: #f1f5f9;
}

.search_team_person_list .custom-control-label {
   font-size: 15px !important;
   font-weight: 500 !important;
   color: #475569 !important;
   cursor: pointer !important;
   padding-left: 10px !important;
   margin: 0 !important;
}

.search_team_person_list .custom-control-input:checked~.custom-control-label {
   color: #34aadc !important;
   font-weight: 700 !important;
}

.search_team_person_list .custom-control-input:checked~.custom-radio {
   background: #f0f9ff !important;
}

/* Specific padding adjustment for teamplan.php team list */
#teamplan_tab .search_team_person_list .card_body_content {
   padding-top: 10px !important;
}

/* Skill Overview page redesign (CSS only, scoped) */
.team-matching-wrap-old.skill_team_overeview {
   background: #f8f9fb;
   padding: 15px;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab {
   margin: 0;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab>.col.left-side {
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
   padding: 16px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab>.middle.team-matching-wrap {
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
   padding: 16px 16px 8px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.team-matching-wrap-old.skill_team_overeview h6.common_title.border_title {
   color: #2b8de4;
   font-weight: 700;
   border-bottom: 2px solid #eef2f7;
   padding-bottom: 10px;
   margin-bottom: 16px;
}

.team-matching-wrap-old.skill_team_overeview .left-side .custom-control.custom-radio {
   margin-bottom: 10px;
   display: flex;
   align-items: center;
   padding: 10px 12px;
   border-radius: 10px;
   border: 1px solid #eef2f7;
   background: #fff;
   transition: all 0.2s ease;
}

.team-matching-wrap-old.skill_team_overeview .left-side .custom-control.custom-radio:hover {
   background: #f8fafc;
   border-color: #d7e3f1;
}

.team-matching-wrap-old.skill_team_overeview .left-side .custom-control-input:checked~.custom-control-label {
   color: #2b8de4;
   font-weight: 700;
}

.team-matching-wrap-old.skill_team_overeview .middle .nav-pills {
   margin: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview .middle .nav-pills .btn2 {
   background: #2b8de4 !important;
   border-radius: 999px !important;
   border: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview .toggle_accordion_skill_overview_btns {
   align-items: center;
   margin: 24px 0 14px;
}

.team-matching-wrap-old.skill_team_overeview #toggle_accordion_skill_overview {
   border-radius: 999px !important;
   padding: 8px 18px !important;
   font-weight: 600;
}

.team-matching-wrap-old.skill_team_overeview .teamplan_tab_skill_nopadding {
   background: #fff;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
   overflow-x: auto;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   padding-top: 10px;
   padding-bottom: 10px;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table {
   margin-bottom: 0;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table thead th#copyright {
   background: #2b8de4 !important;
   color: #fff !important;
   border-color: #2b8de4 !important;
   vertical-align: middle;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table td,
.team-matching-wrap-old.skill_team_overeview .skill_overview_table th {
   border-color: #edf2f7;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table tbody tr:hover td {
   background: #f8fbff;
}

.team-matching-wrap-old.skill_team_overeview .skillacc_colleps>td:first-child {
   font-weight: 700;
}

.team-matching-wrap-old.skill_team_overeview .memberimage_skilloverview img.avatar {
   border: 2px solid #fff;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* Strong visual match with teamplan/matching pages */
.team-matching-wrap-old.skill_team_overeview {
   max-width: 1140px;
   margin: 0 auto;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab.row.tab_row.teamplan_tab_skill {
   display: flex;
   align-items: stretch;
   flex-wrap: nowrap;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side {
   flex: 0 0 300px;
   max-width: 300px;
   border-radius: 4px !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   padding: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .middle.team-matching-wrap {
   flex: 1 1 calc(100% - 300px);
   min-width: 0;
   border-radius: 4px !important;
   margin-left: 14px;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .row,
.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .col-md-12 {
   margin: 0 !important;
   padding: 0 !important;
   width: 100% !important;
   max-width: 100% !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .d-flex1 {
   padding: 4px 2px 0;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .custom-control.custom-radio {
   min-height: 52px;
   border-radius: 10px;
   border: 1px solid #d9e2ec !important;
   background: #ffffff;
   margin-bottom: 10px !important;
   padding: 12px 14px 12px 40px !important;
   word-break:break-word !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .custom-control.custom-radio .custom-control-label {
   width: 100%;
   color: #334155 !important;
   font-size: 14px !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .custom-control-input:checked~.custom-control-label {
   color: #2b8de4 !important;
   font-weight: 700 !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side h6.common_title.border_title {
   background: #f1f1f1;
   border: 1px solid #dde3ea !important;
   border-radius: 10px;
   padding: 14px 14px !important;
   margin: 0 0 10px !important;
   color: #2b8de4 !important;
   text-transform: uppercase;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side form#dir-members-search-form {
   background: #ffffff;
   border: 1px solid #dde3ea;
   border-radius: 6px;
   padding: 14px 10px 10px;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .custom-control.custom-radio .custom-control-label::before {
   top: 50% !important;
   transform: translateY(-50%);
   left: -30px !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side .custom-control.custom-radio .custom-control-label::after {
   top: 50% !important;
   transform: translateY(-50%);
   left: -30px !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .middle.team-matching-wrap .tab-content {
   margin-bottom: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview #teamplan_tab .middle.team-matching-wrap .tab-one-chart {
   border: 1px solid #eef2f7;
   border-radius: 8px;
   padding: 10px 8px 4px;
}

.team-matching-wrap-old.skill_team_overeview .toggle_accordion_skill_overview_btns {
   padding: 0 2px;
}

.team-matching-wrap-old.skill_team_overeview .toggle_accordion_skill_overview_btns .skill_title {
   margin-bottom: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview .teamplan_tab_skill_nopadding {
   border-radius: 4px !important;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table thead tr th {
   font-size: 13px;
   font-weight: 700;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table tbody tr td:first-child {
   color: #334155;
   font-size: 14px;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table .skillacc_colleps td {
   background: #f1f5f9 !important;
   color: #1e293b !important;
   border-top: 1px solid #e2e8f0 !important;
   border-bottom: 1px solid #e2e8f0 !important;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table thead tr:first-child th {
   border-top: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview .skill_overview_table tbody tr:last-child td {
   border-bottom: 0 !important;
}

.team-matching-wrap-old.skill_team_overeview .skill_page_refrsh {
   display: inline-flex;
   width: 32px;
   height: 32px;
   border-radius: 50%;
   justify-content: center;
   align-items: center;
   background: rgba(255, 255, 255, 0.16);
}

.team-matching-wrap-old.skill_team_overeview .team-user-octogram {
   margin-top: 6px !important;
   padding-top: 10px;
}

.team-matching-wrap-old.skill_team_overeview .team-user-octogram .common_color_btn.team_user_profile {
   border-radius: 999px !important;
   padding: 9px 18px !important;
   font-size: 13px !important;
}

/* 
.team-matching-wrap-old.skill_team_overeview .team-user-octogram {
   margin-left: -8px;
   margin-right: -8px;
} */

.team-matching-wrap-old.skill_team_overeview .team-user-octogram .col1 {
   padding: 8px !important;
   margin-bottom: 12px;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   background: #ffffff !important;
   border: 1px solid #dfe7f0 !important;
   border-radius: 12px !important;
   box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06) !important;
   min-height: 390px;
   margin: 5px !important;
}

.team-matching-wrap-old.skill_team_overeview .team-user-octogram .col1>* {
   width: 100%;
}

.team-matching-wrap-old.skill_team_overeview .team-user-octogram .col1 [id^="chrt101_copy_ajax"] {
   width: 100% !important;
   min-height: 250px;
   flex: 1 1 auto;
   display: block;
   align-items: flex-start;
   justify-content: center;
   padding-top: 10px;
}

.team-matching-wrap-old.skill_team_overeview .team-user-octogram .col1 .common_color_btn.team_user_profile {
   margin-top: auto !important;
   margin-bottom: 10px !important;
   align-self: center;
   width: auto !important;
   min-width: 130px;
}

@media (max-width: 1199px) {
   .team-matching-wrap-old.skill_team_overeview #teamplan_tab.row.tab_row.teamplan_tab_skill {
      flex-direction: column;
      flex-wrap: wrap;
   }

   .team-matching-wrap-old.skill_team_overeview #teamplan_tab .left-side,
   .team-matching-wrap-old.skill_team_overeview #teamplan_tab .middle.team-matching-wrap {
      flex: 1 1 100%;
      max-width: 100%;
   }

   .team-matching-wrap-old.skill_team_overeview #teamplan_tab .middle.team-matching-wrap {
      margin-left: 0;
      margin-top: 14px;
   }
}

/* Teamplan left team-list exact card style */
.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .parent_heading {
   margin-bottom: 10px;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .parent_heading h6.common_title.border_title {
   background: #f1f1f1 !important;
   border: 1px solid #d7e0ea !important;
   border-radius: 10px !important;
   padding: 14px 14px !important;
   margin: 0 !important;
   text-transform: uppercase;
   color: #2b8de4 !important;
   font-weight: 700 !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .parent_content.box_layout {
   border-radius: 6px !important;
   border: 1px solid #dfe7f0 !important;
   box-shadow: none !important;
   background: #fff !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .card_body_content {
   padding: 12px 10px !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control.custom-radio {
   margin-bottom: 10px !important;
   min-height: 52px;
   border-radius: 10px !important;
   border: 1px solid #d6e0ea !important;
   background: #fff !important;
   padding: 12px 14px 12px 40px !important;
   display: flex !important;
   align-items: center !important;
   word-break: break-word !important;

}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control.custom-radio .custom-control-label {
   width: 100%;
   font-size: 14px !important;
   color: #334155 !important;
   font-weight: 500 !important;
   padding-left: 10px !important;
   margin: 0 !important;
   word-break: break-word !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-input:checked~.custom-control-label {
   color: #2b8de4 !important;
   font-weight: 700 !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-label::before,
.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-label::after {
   top: 50% !important;
   transform: translateY(-50%) !important;
   left: -30px !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-label::before {
   width: 20px !important;
   height: 20px !important;
   border-radius: 50% !important;
   border: 2px solid #c3cfdb !important;
   background: #ffffff !important;
   box-shadow: none !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-label::after {
   width: 20px !important;
   height: 20px !important;
   border-radius: 50% !important;
   background-image: none !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-input:checked~.custom-control-label::before {
   border-color: #2b8de4 !important;
   background: #ffffff !important;
}

.team-matching-premium-redesign #teamplan_tab .left-side.search_team_person_list .custom-control-input:checked~.custom-control-label::after {
   background-image: radial-gradient(circle, #2b8de4 0, #2b8de4 44%, transparent 47%) !important;
}

/* Matching page: make team list same as teamplan */
.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .parent_heading {
   margin-bottom: 10px;
   border-top: 4px solid #34aadc;
   border-radius: 10px 10px 0 0;
   padding-top: 10px;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .parent_heading h6.common_title.border_title {
   background: #f1f1f1 !important;
   border: 1px solid #d7e0ea !important;
   border-radius: 10px !important;
   padding: 12px 14px !important;
   margin: 0 !important;
   text-transform: uppercase;
   color: #2b8de4 !important;
   font-weight: 700 !important;
   font-size: 16px !important;
   letter-spacing: 0.3px;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .parent_content.box_layout {
   border-radius: 6px !important;
   border: 1px solid #dfe7f0 !important;
   box-shadow: none !important;
   background: #fff !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list form#dir-members-search-form {
   padding: 10px 10px 8px !important;
   position: relative;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list form#dir-members-search-form::before {
   content: "";
   display: block;
   width: 102px;
   height: 3px;
   background: #34aadc;
   border-radius: 999px;
   margin: 0 0 14px 0;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control.custom-radio {
   margin-bottom: 10px !important;
   min-height: 50px;
   border-radius: 10px !important;
   border: 1px solid #d6e0ea !important;
   background: #fff !important;
   padding: 10px 14px 10px 40px !important;
   display: flex !important;
   align-items: center !important;
   word-break: break-word !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control.custom-radio .custom-control-label {
   width: 100%;
   font-size: 14px !important;
   color: #334155 !important;
   font-weight: 500 !important;
   padding-left: 8px !important;
   margin: 0 !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-input:checked~.custom-control-label {
   color: #2b8de4 !important;
   font-weight: 700 !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-label::before,
.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-label::after {
   top: 50% !important;
   transform: translateY(-50%) !important;
   left: -30px !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-label::before {
   width: 20px !important;
   height: 20px !important;
   border-radius: 50% !important;
   border: 2px solid #c3cfdb !important;
   background: #ffffff !important;
   box-shadow: none !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-label::after {
   width: 20px !important;
   height: 20px !important;
   border-radius: 50% !important;
   background-image: none !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-input:checked~.custom-control-label::before {
   border-color: #2b8de4 !important;
   background: #ffffff !important;
}

.team-matching-premium-redesign #matching_tab .left-side.search_team_person_list .custom-control-input:checked~.custom-control-label::after {
   background-image: radial-gradient(circle, #2b8de4 0, #2b8de4 44%, transparent 47%) !important;
}

/* Teamplan chart cards (Teamleden Charts) */
.team-matching-premium-redesign #teamplan_tab .team-user-octogram {
   margin-left: -8px !important;
   margin-right: -8px !important;
   margin-top: 6px !important;
   padding-top: 10px !important;
}

.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart {
   padding: 8px !important;
   margin-bottom: 12px !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: stretch !important;
   background: #ffffff !important;
   border: 1px solid #dfe7f0 !important;
   border-radius: 12px !important;
   box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06) !important;
   min-height: 390px !important;
}

.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart>* {
   width: 100% !important;
}

.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart [id^="chrt101_copy_ajax"] {
   width: 100% !important;
   min-height: 260px;
   flex: 1 1 auto !important;
   display: flex !important;
   justify-content: center !important;
   align-items: flex-start !important;
   padding-top: 10px !important;
}

.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart .chart-error {
   min-height: 260px !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   color: #64748b !important;
   font-size: 14px !important;
}

.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart .team_user_profile {
   margin-top: auto !important;
   margin-bottom: 10px !important;
   align-self: center !important;
   border-radius: 999px !important;
   min-width: 130px !important;
   width: auto !important;
   padding: 10px 18px !important;
}

/* Final unified chart-card design for matching + teamplan */
.team-matching-premium-redesign .team-user-octogram .member-card,
.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart {
   background: #ffffff !important;
   border: 1px solid #dfe7f0 !important;
   border-radius: 12px !important;
   box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
   min-height: 380px !important;
}

.team-matching-premium-redesign .team-user-octogram .member-card {
   display: flex !important;
   flex-direction: column !important;
   justify-content: flex-start !important;
   align-items: stretch !important;
   padding: 10px 10px 12px !important;
}

.team-matching-premium-redesign .team-user-octogram .member-card [id^="chrt101_copy_ajax"],
.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart [id^="chrt101_copy_ajax"] {
   min-height: 250px !important;
   display: flex !important;
   align-items: flex-start !important;
   justify-content: center !important;
}

.team-matching-premium-redesign .team-user-octogram .member-card .team_user_profile,
.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart .team_user_profile {
   margin-top: auto !important;
   margin-bottom: 6px !important;
   align-self: center !important;
   width: auto !important;
   min-width: 130px !important;
   height: 36px !important;
   padding: 8px 22px !important;
   border-radius: 999px !important;
   background: #34aadc !important;
   border: 0 !important;
   box-shadow: none !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   line-height: 1 !important;
}

.team-matching-premium-redesign .team-user-octogram .member-card .team_user_profile:hover,
.team-matching-premium-redesign #teamplan_tab .team-user-octogram .team_plan_chart .team_user_profile:hover {
   background: #2d9bc2 !important;
   transform: none !important;
}


/* Matching page search result block: same as profiler style (also when block is outside .team-matching-premium-redesign) */
.team-matching-premium-redesign .team_match_search_result .parent_heading.active,
.mijn_plan_page>.container.team_match_search_result .parent_heading.active {
   border-top: 4px solid #34aadc !important;
   border-radius: 10px 10px 0 0;
   padding: 10px 12px 0 !important;
   background: #f5f7fb !important;
   border-left: 1px solid #dfe7f0 !important;
   border-right: 1px solid #dfe7f0 !important;
   border-bottom: 0 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_heading h6.common_title.border_title,
.mijn_plan_page>.container.team_match_search_result .parent_heading h6.common_title.border_title {
   background: #f1f1f1 !important;
   border: 1px solid #d7e0ea !important;
   border-radius: 10px !important;
   padding: 12px 14px !important;
   margin: 0 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section {
   background: #ffffff !important;
   border: 1px solid #dfe7f0 !important;
   border-radius: 8px !important;
   box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
   padding: 26px 28px !important;
   margin-top: 0 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section>#search_person_form,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section>#search_person_form {
   margin: 0 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .helpvergane_message_section_disp,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .helpvergane_message_section_disp {
   margin-bottom: 12px;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .team_matchperson,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .team_matchperson {
   border-radius: 999px !important;
   min-width: 136px !important;
   height: 40px !important;
   padding: 8px 24px !important;
   background: #34aadc !important;
   border: 0 !important;
   box-shadow: 0 4px 12px rgba(52, 170, 220, 0.3) !important;
   font-weight: 600 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .team_matchperson:hover,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .team_matchperson:hover {
   background: #2d9bc2 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .team_match_skill_suggest,
.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section select,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .team_match_skill_suggest,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section select {
   border: 1px solid #d7e0ea !important;
   border-radius: 14px !important;
   height: 46px !important;
   font-size: 16px !important;
   color: #334155 !important;
   background-color: #fff !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .form-group-new_check label,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .form-group-new_check label {
   font-size: 15px !important;
   color: #334155 !important;
}

.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .search_team_person_list label,
.team-matching-premium-redesign .team_match_search_result .parent_content.search_filter_section .team_page_tooltip_level label,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .search_team_person_list label,
.mijn_plan_page>.container.team_match_search_result .parent_content.search_filter_section .team_page_tooltip_level label {
   font-weight: 700 !important;
   color: #1f2937 !important;
   margin-bottom: 8px !important;
}

/* Fix tiny/shifted charts on matching tab */
/* .team-matching-premium-redesign #matching_tab .zmile_chart,
.team-matching-premium-redesign #matching_tab .zmile_chart > div,
.team-matching-premium-redesign #matching_tab .zmile_chart svg {
   width: 100% !important;
   max-width: 100% !important;
} */

.team-matching-premium-redesign #matching_tab .zmile_chart div:nth-child(2) {
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   margin: 0 auto !important;
   -webkit-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
   width: auto !important;
}

.team-matching-premium-redesign #matching_tab #chrt118 .highcharts-container,
.team-matching-premium-redesign #matching_tab #chrt110 .highcharts-container,
.team-matching-premium-redesign #matching_tab #chrt111 .highcharts-container,
.team-matching-premium-redesign #matching_tab #chrt112 .highcharts-container,
.team-matching-premium-redesign #matching_tab #chrt114 .highcharts-container {
   width: 100% !important;
   max-width: 100% !important;
}

.tm-required-asterisk {
   color: #ff0000;
}