/* ============================================
   REFONT - THEME
   ============================================ */

.nk-theme-o365 {
    --background-block-color: rgba(242, 247, 250, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-second-color);
    --modern-bg-btn-color: var(--main-bg-color);
    --modern-btn-color : rgba(17, 88, 124, 1);
    --modern-btn-text-color: rgba(17, 88, 124, 1);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-deep-purple {
    --background-block-color: rgba(253,245,255, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-second-color);
    --modern-bg-btn-color: var(--main-bg-color);
    --modern-btn-color : var(--left-menu-bg-second-color);
    --modern-btn-text-color: var(--left-menu-bg-second-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-purple {
    --background-block-color: rgba(243,243,255, 1);
    --hyperlink-breadcrumb-color: rgba(73,76,141,1);
    --modern-bg-btn-color: var(--left-menu-bg-first-color);
    --modern-btn-color : rgba(73,76,141,1);
    --modern-btn-text-color: rgba(73,76,141,1);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-raspberry {
    --background-block-color: rgba(251, 242, 246, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-first-color);
    --modern-bg-btn-color: var(--main-bg-color);
    --modern-btn-color : var(--left-menu-bg-third-color);
    --modern-btn-text-color: var(--left-menu-bg-third-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-pink {
    --background-block-color: rgba(255, 247, 250, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-first-color);
    --modern-bg-btn-color: var(--left-menu-bg-second-color);
    --modern-btn-color : var(--left-menu-bg-second-color);
    --modern-btn-text-color: var(--left-menu-bg-second-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-coral {
    --background-block-color: rgba(255, 244, 244, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-first-color);
    --modern-bg-btn-color: var(--left-menu-bg-third-color);
    --modern-btn-color : var(--left-menu-bg-first-color);
    --modern-btn-text-color: var(--left-menu-bg-first-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-orange {
    --background-block-color: rgba(255, 248, 244, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-first-color);
    --modern-bg-btn-color: var(--left-menu-bg-third-color);
    --modern-btn-color : var(--left-menu-bg-second-color);
    --modern-btn-text-color: var(--left-menu-bg-second-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-white {
    --background-block-color: rgba(241, 242, 247, 1); 
    --hyperlink-breadcrumb-color: rgba(38, 50, 56, 1);
    --modern-bg-btn-color: rgba(58, 58, 58, 1); 
    --modern-btn-color: rgba(0, 0, 0, 1);
    --modern-btn-text-color: rgba(38, 50, 56, 1);      
    --modern-dark-text: rgba(36, 42, 45, 1);
}

.nk-theme-beach {
    --background-block-color: rgba(253, 244, 247, 1);
    --hyperlink-breadcrumb-color: var(--main-bg-color);
    --modern-bg-btn-color: var(--left-menu-bg-second-color);
    --modern-btn-color : var(--main-bg-color);
    --modern-btn-text-color: var(--main-bg-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-dark {
    --background-block-color: rgba(245, 246, 252, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-second-color);
    --modern-bg-btn-color: var(--main-bg-color);
    --modern-btn-color : var(--main-bg-color);
    --modern-btn-text-color: var(--main-bg-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}

.nk-theme-forest {
    --background-block-color: rgba(246, 253, 245, 1);
    --hyperlink-breadcrumb-color: var(--left-menu-bg-first-color);
    --modern-bg-btn-color: var(--left-menu-bg-second-color);
    --modern-btn-color : var(--left-menu-bg-second-color);
    --modern-btn-text-color: var(--left-menu-bg-second-color);
    --modern-dark-text: rgba(38, 50, 56, 1);
}


/* ============================================
   REFONT - PROFILE HEADER PAGE
   ============================================ */

.fil-pagination {font-size: 15px; font-weight: 300;}
.fil-pagination i {background: var(--background-block-color); padding: 3px 8px; font-size: 14px; border-radius: 5px; color: var(--hyperlink-breadcrumb-color);}
.fil-pagination span.empty {opacity: 0.3;}

.profile-modern {font-family: 'Inter', sans-serif;}
.fil-ar.breadcrumb { border: none; font-family: 'Inter', sans-serif; font-size: 16px; padding: 0; background: transparent;}

.profile-modern .fil-ar.breadcrumb > li > a {color: var(--hyperlink-breadcrumb-color); font-weight: 800;}
.profile-modern .fil-ar.breadcrumb > li { font-weight: 300; color: var(--dark-font);}

.profile-modern.internal .profile-nav .heading { border-radius: 10px; color: var(--dark-font); padding: 0;}
.profile-modern .summary--header a.round {padding: 0; border: 0;}
.profile-modern .summary--header a.ui-rotate {top: 50px;}
.profile-modern .summary--infos h5 {font-size: 20px; font-family: 'Inter', sans-serif; font-weight: 700; text-align: left;margin-bottom: 2px; color: var(--modern-dark-text);}
.profile-modern .summary--infos h6 {color: var(--modern-dark-text); text-align: left;margin-bottom: 0px; font-size: 14px; font-weight: 300; margin-top: -5px;}
.profile-modern .summary--infos .tags .tag {border-color: transparent; padding: 4px 0;}
/**.profile-modern .heading {box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15);}
.profile-company-infos {background-color: #fff; border-radius: 0 0 10px 10px;}**/

.summary--ribbon::before{ content: ""; position: absolute; top: 0; left: -40px; width: 160px; height: 18px; transform: rotate(-45deg); z-index: 1;}
.summary--ribbon.company::before {background: var(--main-color-company);}
.summary--ribbon.customer::before {background: var(--main-color-customer);}
.summary--ribbon { overflow: hidden; position: absolute; width: 100%; height: 100%;}

.profile-modern .list-tags > .btn-group:first-child:after, .profile-modern .list-tags > span:first-child:after { content: '|'; color: var(--modern-dark-text); margin-top: 5px;}

.profile--summary {box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; position: relative; background-color: #fff; z-index: 1;}
.profile--infos {background-color: #f5f5f5; border-radius: 10px; color: var(--main-text-color); position: inherit;}
.profile-modern .summary--header {border-radius: 10px; color: #fff; position: relative;}
.profile-modern .summary--header img {width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px;}
.profile-modern .summary--header a#usrpic {min-width: 105px; max-width: 135px;}
.profile-modern .summary--header a#usrpic img {border-radius: 10px;}

.nknew-version.profile-nav .panel { background-color: transparent; padding: 0;}
.profile-modern .profile-nav .heading {padding: 0;background-color: transparent;}

.toggle-actions .dropdown-toggle {font-family: 'Inter', sans-serif; color: var(--modern-dark-text); font-size: 14px; font-weight: bold; border: none; background-color: var(--background-block-color);}
.toggle-actions .dropdown-toggle:active {border: none; color: var(--modern-dark-text) !important;}
.toggle-actions .dropdown-toggle::after {display: inline-block; margin-left: 0.4em; vertical-align: middle; content: ""; border-top: 0.5em solid; border-right: 0.5em solid transparent; border-bottom: 0; border-left: 0.5em solid transparent; border-radius: 2px; }
.toggle-actions .btn-white-main {color: var(--modern-dark-text); font-family: 'Inter', sans-serif; font-weight: 700; border-radius: 10px; font-size: 13px; padding-top: 5px; background: #efefef; padding: 2px 0 3px 0; border-radius: 5px;}
.toggle-actions .btn-white-main.show {background-color: #efefef; color: var(--modern-dark-text) !important;}
.profile-modern .toggle-actions {margin-top: 6px;}
.profile-modern .toggle-actions > a {display: flex; align-items: center; width: 28px; justify-content: center; margin-left: 6px; border: 0; background: #efefef; color: var(--modern-dark-text);}
.profile-modern .toggle-actions > a:hover {color: var(--main-bg-color);}
.profile-modern .summary--infos {z-index: 0;}

.profile--infos .list{ list-style: none; margin: 0; column-count: 2; column-gap: 32px; -webkit-column-count: 2; -webkit-column-gap: 32px; -moz-column-count: 2; -moz-column-gap: 32px;}
.profile--infos .list li{break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; border: none; display: flex; align-items: center; gap: 8px; padding: 4px 0; min-width: 0;}
.profile--infos .list i{ width: 1.1em; flex: 0 0 auto; opacity: .8;}
.profile--infos .list a{ color: #1f2937; text-decoration: underline; text-underline-offset: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none !important; background: transparent;}

.profile-nav.nknew-version ul>li>a {border-radius: 4px;}
.profile-nav.nknew-version ul>li>a:hover, .profile-nav.nknew-version ul>li>a:focus, .profile-nav.nknew-version ul li.active a {background: var(--background-block-color) !important;border-left: 5px solid var(--modern-btn-color);color: var(--modern-btn-color) !important;border-radius: 4px; position: inherit;}
.profile-nav.nknew-version ul>li>a:hover span, .profile-nav.nknew-version ul>li>a:hover i, .profile-nav.nknew-version ul>li>a:focus i, .profile-nav.nknew-version ul li.active a i, .profile-nav.nknew-version ul li.active a span {color: var(--modern-btn-text-color) !important;}
.profile-nav.nknew-version .nav .ui-menu-itm-label {font-size: 15px; font-weight: 400; font-family: 'Inter', sans-serif; color: var(--modern-dark-text);}
.profile-nav.nknew-version ul>li>a i { color: var(--modern-dark-text);}
.profile-nav.nknew-version ul>li {border: none; margin-bottom: 4px;}
.profile-nav.nknew-version ul>li:last-child {margin-bottom: 0;}
.profile-nav.nknew-version .nav .nav-item {position: inherit;}
.profile-nav.nknew-version .nk-layout-page-menu {min-height: inherit !important; scrollbar-width: none;}
.profile-nav.nknew-version .nav-separator {width: 100%; margin: 7px 0 10px 0; border-bottom: 1px solid rgba(17, 88, 124, 0.2)}
.profile-nav.nknew-version .nk-layout-page-menu.admin-menu {border: none;}
.profile-nav.nknew-version .nav-subtitle {font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--modern-dark-text);}
.profile-nav.nknew-version .ui-menu-itm-counter {background-color: var(--background-block-color); color: var(--modern-btn-color); position: inherit;}
.profile-nav.nknew-version a#delete:hover { background: none !important; border-left: 5px solid transparent; color: red !important;}
.profile-nav.nknew-version .nav>li>a {padding: 9px 15px; align-items: center; position: inherit;}
.profile-nav.nknew-version li.dropdown-item a {border-left: 0; background: inherit !important; padding: 0;}
.profile-nav.nknew-version li.dropdown-item {margin: 0;}
.profile-nav.nknew-version li.dropdown-item:hover {background: inherit !important; color: var(--modern-btn-color) !important;}
.profile-nav.nknew-version li.dropdown-item:hover a {color: var(--modern-btn-color) !important;}
.profile-nav.nknew-version .list-tags button {padding: 1px 10px; margin-right: 5px;}
.profile-nav.nknew-version .list-tags button, .profile-nav.nknew-version .list-tags .nk-tag {margin-right: 5px;color: #fff; border-radius: 40px; font-size: 0.75em; margin-top: 5px;}
.profile-nav.nknew-version .list-tags .nk-tag {font-weight: inherit; display: flex; align-items: center; padding: 4px 10px; background-color: var(--modern-bg-btn-color);}
.profile-nav.nknew-version .summary--header .dropdown-menu {scrollbar-width: thin; border: none; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.15);}
.profile-nav.nknew-version .summary--header .dropdown-menu a {border-radius: 0;}
/**.profile-nav.nknew-version .search-input {padding: 8px 15px; border-radius: 5px; border: 1px solid #E3E3E3; width: 100%; background: #F2F2F266}**/
.profile-nav.nknew-version .clear-search{display: none;}
.profile-nav.nknew-version .search-container {margin: 10px 0;}

.profile-nav.nknew-version .profile--infos ul>li>a:hover {border-left: none; background: transparent !important;}
.profile-nav.nknew-version .profile--infos ul>li>a {border-left: none;height: 18px;}

.profile-nav.nknew-version .search-container {padding: 8px 15px; border-radius: 5px; border: 1px solid #E3E3E3; width: 100%; background: #F2F2F266}
.profile-nav.nknew-version .search-input {border: none; background: transparent; width: 100%; margin-left: 8px;}
.profile-nav.nknew-version .search-input::placeholder{color: #2D2D2D33;}

.profile-modern .nk-layout-page-subcontent.nk-newVersion {font-family: 'Inter', sans-serif;}
.profile-modern .profile-card {display: flex; align-items: center; padding: 1.2rem; margin-bottom: inherit;}
.profile-modern .nav-bk {background-color: transparent; border: none;}
.profile-modern .upload-overlay {top: 10px;bottom: 10px;}