:root {
    --verde: #0fdbb6;
    --cream: #fef6f3;
    --purple-light: #f3ecfe;
    --mint-light: #e9f7ef;
    --mint: #0be7bf;
    --purple: #4132a6;
    --red: #ff2e27;
    --black: #161b25;
    --gray-dark: #7f848e;
    --green: #2dd03d;
    --yellow: #f6cf13;
    --blue: #2b8ef4;
    --blue-light: #e7f3ff;
}

body {
    font-family: 'Urbanist', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header {
    padding: 25px 10px;
}

.sidebar-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-submenu {
    list-style: none;
    padding-bottom: 10px;
    max-height: 360px;
}

.employees-list {
    list-style: none;
    padding-bottom: 10px;
}

.list-container {
    list-style: none;
    padding-bottom: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.logo {
    font-size: 45px;
}

.user,
.gradient {
    background: rgb(42, 21, 121);
    background: linear-gradient(0deg, rgba(42, 21, 121, 1) 1%, rgba(62, 46, 160, 1) 100%);
}

.gradient-green {
    background: rgb(13, 224, 186);
    background: linear-gradient(0deg, rgba(13, 224, 186, 1) 1%, rgba(14, 222, 186, 1) 100%);
}

button.gradient-blue {
    border: 0 none;
    background: linear-gradient(0deg, #007bff 1%, #0056b3 100%);
    color: #fff; /* ca să fie vizibil textul */
}


.notification {
    position: relative;
    cursor: pointer;
}

.notification:hover img {
    -webkit-animation: bellshake .5s cubic-bezier(.36, .07, .19, .97) both;
    animation: bellshake .5s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: top right;
}

.heading,
.heading span.color-dark-grey {
    margin: 0;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
}

span.item-label {
    position: relative;
    top: 2px;
}

.max-w,
.url-tab {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.counter {
    background: red;
    color: #fff;
    height: 16px;
    width: 16px;
    position: absolute;
    font-size: 11px;
    border-radius: 50%;
    top: -9px;
    right: -2px;
    text-align: center;
    font-weight: bold;
    line-height: 11px;
}

.user {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff !important;
    height: 45px;
    width: 45px;
}

a {
    text-decoration: none;
}

.heading span {
    color: #e6e9eb;
}

.wrapper>.col-lg-3,
th[scope='row'] {
    border-right: 1px solid #e6e9eb;
}

.main-header,
.search-box,
.search-box-inline,
.row-inline,
.table>:not(caption)>*>* {
    border-bottom: 1px solid #e6e9eb;
}

.table thead th {
    padding: 11px 20px;
}

.heading span {
    font-size: 24px;
}

.mw-180 {
    width: 135px;
}

.sidebar--item.item.item--parent {
    border-bottom: 2px solid #f0f2f5;
    margin-bottom: 10px;
}

thead th[scope='row'] {
    border-right: 0;
}

.sidebar--item.item.item--parent>a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    width: 100%;
    padding: 10px 15px;
    border-radius: 6px;
    position: relative;
}

.sidebar--item.item.item--parent>a:not(.collapsed) {
    color: #4132a6;
}

span.toggle-icon {
    font-size: 7px;
    right: 15px;
    position: absolute;
}

.sidebar--item.item.item--parent>a .icon {
    margin-right: 9px;
    font-size: 20px;
}

.sidebar--item.item.item--parent>a:not(.collapsed) {
    background: #f0f2f5;
}

.sidebar--item.item.item--parent>a.collapsed {
    background: #fff;
}

.sidebar--item.item .sidebar-submenu li {
    padding-bottom: 0 !important;
    padding-top: 4px !important;
}

.sidebar--item.item .sidebar-submenu li a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 4px 10px;
    background: #fff;
    border-radius: 7px;
    display: flex;
}

.sidebar--item.item .employees-list li {
    padding-bottom: 0 !important;
    padding-top: 4px !important;
}

.sidebar--item.item .employees-list li a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 4px 10px;
    background: #fff;
    border-radius: 7px;
    display: flex;
}

.sidebar--item.item .projects-list li {
    padding-bottom: 0 !important;
    padding-top: 4px !important;
}

.sidebar--item.item .projects-list li a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 4px 10px;
    background: #fff;
    border-radius: 7px;
    display: flex;
}

.sidebar--item.item .sidebar-submenu li:not(.new) a:hover,
.sidebar--item.item .sidebar-submenu li:not(.new) a:focus,
.sidebar--item.item .sidebar-submenu li.active:not(.new) a {
    color: #fff;
    background: #4132a6;
}

.sidebar--item.item .employees-list li:not(.new) a:hover,
.sidebar--item.item .employees-list li:not(.new) a:focus,
.sidebar--item.item .employees-list li.active:not(.new) a {
    color: #fff;
    background: #4132a6;
}

.sidebar--item.item .projects-list li:not(.new) a:hover,
.sidebar--item.item .projects-list li:not(.new) a:focus,
.sidebar--item.item .projects-list li.active:not(.new) a {
    color: #fff;
    background: #4132a6;
}

.sidebar--item.item .sidebar-submenu li a.new {
    color: var(--verde);
    width: 100%;
}

.sidebar--item.item .sidebar-submenu li a.new:hover,
.sidebar--item.item .sidebar-submenu li a.new.show {
    color: #4132a6;
    background: #f0f2f5;
}

.f-width {
    width: 100%;
}

.sidebar--item.item .sidebar-submenu li a.new span {
    margin-right: 5px;
    font-size: 14px;
}

.search-box form {
    position: relative;
}

.heading.h4 {
    font-size: 18px;
    line-height: 24px;
}

.no-p-margin p {
    margin-bottom: 0;
}

.bg-gray {
    background: #f6f8fa;
    border-color: #f6f8fa;
}

.color-gray {
    color: #7f848e;
}

.color-black {
    color: #000000;
}

.bg-cream {
    background-color: var(--cream);
}

.bg-light {
    background-color: rgba(56, 117, 215, 0.07);
}

.bg-planning {
    background-color: #ABC9E1;
}

.no-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-box.col-12 button.submit-search {
    font-size: 17px;
    background: transparent;
    position: absolute;
    top: 8px;
    color: #7f848e;
    left: 9px;
    border: 0 none;
    outline: none;
    -webkit-appearance: none;
}

.search-box.col-12 input.form-control {
    border: 0 none;
    padding: 6px 10px 5px 44px;
    /* font-size: 19px; */
    color: #7f848e !important;
}

.search-box-inline button {
    position: absolute;
    left: 20px;
    top: 12px;
}

.form-control,
.form-select,
.card.card-body {
    border: 1px solid #E6E9EC;
    border-radius: 0;
}

.form-control,
.form-select {
    color: #7f848e;
}

.card .btn-close {
    position: absolute;
    right: 15px;
}

.search-box-inline form {
    position: relative;
    padding-left: 60px;
    padding-right: 30px;
}

.table {
    margin-bottom: 0;
}

button.gradient-green {
    border: 0 none;
}

.search-box-inline button {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    font-size: 14px;
}

.login-form h1 {
    font-weight: bold;
    margin-top: 10px;
    margin-left: 2px;
}

.mh-100 {
    min-height: 100vh;
}

.main-table.main-table--cols {
    padding: 0;
}

.table>:not(caption)>*>* {
    padding: 14px 20px;
}

.table td {
    color: #7f848e;
    /*min-width: 155px;*/
}

.gray-icon {
    color: #e6e9eb;
}

a.edit-col {
    position: relative;
    font-size: 17px;
    /*20*/
    /* padding-left: 10px; /* 10 */
    padding: 3px;
}

a.delete-col {
    position: relative;
    font-size: 17px;
    padding: 3px;
}

a.edit-col:hover,
a.edit-col:focus,
a.delete-col:hover,
a.delete-col:focus {
    color: #7f848e;
}

tr:hover,
tr:focus {
    background-color: #f0f2f5;
}

table th[scope="row"] {
    position: relative;
    max-width: 22.5%;
    width: 100%;
    color: #000;
    font-weight: 600;
    min-width: 250px;
}

button.btn.btn-primary {
    background: #4ef2c7;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 30px;
    border: 2px solid #4ef2c7;
    padding: 10px 20px;
    margin: 0 auto;
}

body.page-login {
    background: #f4f4f4;
}

form.login.form-floating {
    background: #fff;
    padding: 20px 30px 30px 30px;
    border-radius: 6px;
}

button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
button.btn.btn-primary:active {
    background: transparent;
    color: #000;
    border-color: #4ef2c7;
}

.site-footer {
    border-top: 1px solid #e6e9eb;
    padding: 30px 15px;
    background: #f0f2f5;
}

table.listare-coloane {
    float: left;
}

table.listare-coloane th[scope="row"] {
    padding-left: 70px;
}

table.listare-coloane th[scope="row"] .edit-col {
    position: absolute;
    left: 29px;
    font-size: 23px;
}

.status {
    color: #fff;
    padding: 3px 15px;
    border-radius: 30px;
    width: 95%;
    text-align: center;
    display: block;
}

.status-project {
    color: #fff;
    padding: 3px 15px;
    border-radius: 30px;
    text-align: center;

}

.green.status {
    background: #26e832;
}

.blue.status {
    background: #2b8ef4;
}

td.mw-180 {
    position: relative;
}

td.mw-180 .icon {
    position: absolute;
    right: 14px;
    color: #7f848e;
}

table td input.form-control:focus,
table td input.form-control:active {
    background: transparent;
}

table td input.form-control {
    background: transparent;
    border: 0px none;
    padding: 0;
    position: relative;
    z-index: 1;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}

td.mw-180 label .icon {
    top: 4px;
    right: 0;
}

td.mw-180 label {
    position: relative;
}

.depasit {
    color: red;
}

.yellow.status,
.yellow {
    background: #f6cf13;
}

.grey.status {
    background: #7f848e;
}

.table.table-slim thead th {
    padding: 0 3px;
}

.pull-right {
    float: right;
}

.table.table-slim thead th {
    padding: 0 23px;
    vertical-align: middle;
    line-height: 20px;
}

.btn.btn-white.active {
    border-radius: 6px !important;
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
    color: #7f848e;
}

form.limited {
    max-width: 145px;
    float: right;
}

.icon-form .icon {
    color: #7f848e;
}

.icon-form select {
    border: 0;
    font-family: 'Urbanist';
    font-size: 18px;
}

.btn.btn-white {
    color: #7f848e;
    border: 0 none;
    font-size: 20px;
}

.dropdown-toggle>span {
    margin-right: 7px;
}

.btn-group.pull-right .active {
    margin-right: 5px;
}

td.status-row {
    width: 130px;
    line-height: 18px;
}

.table.table-slim td span.timeframe {
    font-size: 12px;
}

.table.table-slim {
    text-align: center;
}

.table td {
    line-height: 20px;
}

.search-box .col-3 form {
    max-width: 150px;
    float: right;
    width: 100%;
}

.table.table-slim td {
    min-width: auto;
}

.table.table-slim td.status-row {
    min-width: 155px;
}

.table.table-slim>:not(caption)>*>* {
    padding: 14px 10px;
}

.fs-18 {
    font-size: 18px;
}

.red.status {
    background: #ff2e27;
}

.status-container {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.status-container .status {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 30px;
    white-space: nowrap;
}

.status-container .resend-email {
    font-size: 14px;
    color: #ffe227;
    cursor: pointer;
    text-decoration: none;
}

.dropdown-toggle::after {
    display: inline-block;
    vertical-align: 0.255em;
    font-family: 'crm-icons' !important;
    content: "\e900";
    border: 0 none;
    font-size: 6px;
    margin-left: 10px;
}

.custom-dropdown {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #dedede;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}


.color-gray.link-border {
    border: 1px solid #e6e9eb;
    border-radius: 30px;
    padding: 5px 23px;
    font-size: 16px;
    display: inline-block;
    position: relative;
    color: #7f848e;
}

.dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.custom-dropdown .color-gray.link-border {
    margin-bottom: 10px;
}

.color-gray.link-border:hover {
    background: #e6e9eb;
}

.btn.btn-white span {
    font-size: 15px;
}

.custom-dropdown.invite-dropdown {
    width: 385px;
    padding: 10px;
}

.custom-dropdown.coloane-new-dropdown {
    width: 260px;
    padding: 10px;
    max-height: 436px;
    height: auto;
}

.coloane-new-dropdown .invite-inline .invite-item {
    font-weight: normal;
}

.coloane-new-dropdown .invite-inline button.submit-search {
    top: -1px;
    left: -4px;
}

.coloane-new-dropdown.new-master .invite-inline button.submit-search {
    top: 5px;
    left: 3px;
}

.invite-inline th {
    color: #7f848e;
    font-weight: 500;
}

.invite-inline th {
    border: 0 none;
}

.table.invite-inline> :not(caption)>*>* {
    padding: 4px 6px;
    position: relative;
    border: 0;
}

.invite-inline button.submit-search {
    font-size: 14px;
    background: transparent;
    position: absolute;
    top: 7px;
    color: #7f848e;
    left: 3px;
    border: 0 none;
    outline: none;
    -webkit-appearance: none;
}

.has-form input {
    padding-left: 0px;
    background: transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    padding-top: 2px;
    padding-bottom: 1px;
    margin-left: 28px;
    display: table;
    width: 100%;
    max-width: 214px;
}

.actions {
    font-size: 16px;
    margin: 0 5px;
}

.invite-item {
    color: #000;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.invite-item:hover {
    color: #4132a6;
}

.invite-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e6e9eb;
    top: 3px;
    background: transparent;
}

.invite-item:after {
    font-family: 'crm-icons';
    content: "\e906";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e6e9eb;
    top: 3px;
    background: transparent;
    color: #fff;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8px;
}

.invite-item.selected:before {
    background: #4132a6;
    border-color: #4132a6;
}

.invite-item.selected:after {
    opacity: 1;
}

.actions,
.invite {
    color: #d4d7d9;
}

.actions:hover,
.actions.active {
    color: #4132a6;
}

.btn.btn-white.active.show,
.link-border.active {
    background-color: #4132a6;
    color: #fff;
    border-color: #4132a6;
}

.link-border.active {
    background-color: #4132a6 !important;
}

.filter-buttons .color-gray.link-border:after {
    font-family: 'crm-icons';
    content: "\e90b";
    position: absolute;
    bottom: 0;
    top: 10px;
    right: 6px;
    font-size: 10px;
    color: #7f848e;
    opacity: 0;
}

.filter-buttons .color-gray.link-border.active:after {
    opacity: 1;
}

.add-cols {
    background: #fff;
    border: 1px solid #E6E9EC;
    font-size: 18px;
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.canvas-table-cols.offcanvas {
    width: 250px;
}

.custom-dropdown.coloane-new-dropdown.new-view {
    width: 480px;
}

.coloane-new-dropdown.new-view .invite-inline button.submit-search {
    top: 6px;
    left: 2px;
}

div#parent .dropdown-menu {
    width: 100%;
    max-width: 600px;
    border-color: #fff;
    box-shadow: 1px 0px 11px -3px rgb(0 0 0 / 20%);
    position: absolute;
    top: 7px !important;
}

div#parent .dropdown-menu button,
div#parent .dropdown-menu button .text-primary {
    color: #7f848e !important;
    font-size: 20px;
}

input.form-control:focus {
    outline: none;
    box-shadow: none;
}

.bg-gray-darker {
    background-color: #f0f2f5;
}

button.notification {
    -webkit-appearance: none;
    border-radius: 0;
    background: transparent;
    border: 0;
    outline: none;
    padding: 0 !important;
}

.notification-item:hover {
    background-color: #fff;
}

div#parent .dropdown-menu button:active,
div#parent .dropdown-menu button:focus {
    background: transparent;
}

.color-purple {
    color: #4132a6;
}

.color-gray {
    color: #7f848e;
}

.color-dark-grey {
    color: #7f848e !important;
}

.notification-item {
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 13px;
    background: transparent;
    margin-bottom: 15px;
}

.dropdown-menu.notification-flux.bg-gray.show {
    top: -1px !important;
    position: absolute !important;
    left: 21px !important;
    border-radius: 0;
    width: 480px;
    padding: 20px;
    height: 100vh;
    overflow: auto;
    background-color: #f0f2f5;
}

.btn.btn-purple {
    background: #4132a6;
    color: #fff;
    border-radius: 30px;
    padding: 3px 34px;
    text-transform: uppercase;
}

.load-more.centered {
    text-align: center;
    padding-top: 10px;
}

.btn.btn-gray {
    background: #e6e9eb;
    color: #7f848e;
    border-radius: 30px;
    padding: 3px 34px;
    text-transform: uppercase;
}

.new-view .custom-grup span {
    border: 0 none;
    background: transparent;
    padding: 4px;
    color: #858a93;
}

thead.search-box-regular tr:hover {
    background: transparent;
}

table.listare-coloane .search-box-regular th[scope="row"] {
    padding-left: 25px;
}

.new-view .custom-grup input.form-control {
    background: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

thead.search-box-regular th {
    padding: 0 9px;
}

thead.search-box-regular th>span {
    margin-top: 20px;
    background: #f6f8fa;
    min-height: 51px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 6px 5px 0 0;
    border: 0 none;
}

span.add-cols.show>span {
    transform: rotate(45deg);
}

span.add-cols>span {
    position: relative;
    transition: 0.3s ease;
}

thead.search-box-regular span.add-cols.show {
    background-color: #4132a6;
    color: #fff;
}

/* Dashboard styles */
.dashboard-column--progress.progress {
    max-width: 145px;
    height: 24px;
    display: table;
    border-radius: 30px;
    width: 100%;
    margin-left: 15px;
    position: relative;
}

.progress-bar>span {
    position: absolute;
    right: 5px;
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
}

.progress-bar {
    height: 24px;
}

.card-header {
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    border: 0;
    letter-spacing: 2px;
}

.dashboard-column.card {
    border-color: transparent;
    border-radius: 30px;
    padding: 20px;
    margin-bottom: 20px;
}

.dashboard-column.card ul.noul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bg-light-purple {
    background-color: var(--purple-light);
}

.bg-mint {
    background-color: var(--mint-light);
}

.bg-white-mint {
    background-color: #f6fefa; /* mint extrem de deschis, aproape alb */
}

.card-header {
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    border: 0;
    padding: 0 0 15px 0;
}

.dashboard-column.card li {
    margin-bottom: 8px;
    color: var(--gray-dark);
}

.dashboard-column.comments.card li {
    margin-bottom: 1px;
}

.edit-comments {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.3;
}

.edit-comments:hover,
.edit-comments:active {
    opacity: 1;
}

.dashboard-column.comments.card ul {
    padding-left: 19px;
}

.btn-inline.btn-container {
    display: inline-block;
}

.green {
    background-color: var(--green);
}

.read-more {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--black);
    text-decoration: underline;
    letter-spacing: 2px;
}

.bg-light-purple .dashboard-column--progress.progress {
    background: #e8dafd;
}

.dashboard-column--label {
    color: var(--gray-dark);
}

.dashboard-column--label span,
.dashboard-column.card li span {
    color: var(--black);
}

.section-title.h3 {
    font-size: 16px;
    letter-spacing: 2px;
}

.planning-table {
    padding: 0 15px;
}

.planning-table .table-responsive {
    border: 1px solid #e6e9eb;
    border-radius: 30px;
}

/* Tabel slim */
.load-more.centered {
    text-align: center;
}

.main-table.main-table--cols.main-cols-tabs {
    padding: 30px;
}

.accordion-button::after {
    position: absolute;
    left: 17px;
    transform: rotate(-90deg);
    background-size: contain;
    width: 25px;
    background-image: none;
    font-family: 'crm-icons';
    content: "\e900";
    font-size: 6px;
    color: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 25px;
}

.accordion-button:focus,
.accordion-button:not(.collapsed):focus {
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--black);
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    color: var(--black);
}

.accordion-cream .accordion-button::after {
    background-color: var(--cream);
}

.accordion-mint .accordion-button::after {
    background-color: var(--mint-light);
}

.accordion-purple .accordion-button::after {
    background-color: var(--purple-light);
}

.accordion-blue .accordion-button::after {
    background-color: var(--blue-light);
}

.accordion-button {
    padding-left: 50px;
    box-shadow: none !important;
}

.accordion-item {
    margin-bottom: 25px;
    border: 0 none;
}

.accordion-item .accordion-button.collapsed:before,
.accordion-item .accordion-body:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    content: "";
    height: 100%;
}

.accordion-item .accordion-button.collapsed {
    border-radius: 15px !important;
    overflow: hidden;
}

.accordion-cream .accordion-body {
    padding-bottom: 15px;
}

.accordion-item.accordion-cream .accordion-button.collapsed,
.accordion-cream .accordion-body {
    border: 1px solid #ffe3d8;
}

.accordion-item.accordion-cream .accordion-button.collapsed:before,
.accordion-item.accordion-cream .accordion-body:before {
    background: var(--cream);
}

.accordion-item.accordion-mint .accordion-button.collapsed,
.accordion-mint .accordion-body {
    border: 1px solid #aed8c0;
}

.accordion-item.accordion-mint .accordion-button.collapsed:before,
.accordion-mint .accordion-body:before,
.accordion-mint .pagination {
    background: var(--mint-light);
}

.accordion-item.accordion-purple .accordion-button.collapsed,
.accordion-purple .accordion-body {
    border: 1px solid #e4d9f5;
}

.accordion-item.accordion-purple .accordion-button.collapsed:before,
.accordion-purple .accordion-body:before,
.accordion-purple .pagination {
    background: var(--purple-light);
}

.accordion-item.accordion-blue .accordion-button.collapsed,
.accordion-blue .accordion-body {
    border: 1px solid #d4e4f4;
}

.accordion-item.accordion-blue .accordion-button.collapsed:before,
.accordion-blue .accordion-body:before,
.accordion-blue .pagination {
    background: var(--blue-light);
}

.accordion-mint .page-link {
    background-color: var(--mint-light);
}

.accordion-purple .page-link {
    background-color: var(--purple-light);
}

.accordion-blue .page-link {
    background-color: var(--blue-light);
}

.accordion-body {
    border-radius: 15px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

a.edit-col span.value {
    position: absolute;
    font-size: 12px;
    color: var(--black);
    font-weight: bold;
    right: 2px;
    top: 2px;
    width: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 20px;
}

.accordion-body table.listare-coloane th[scope="row"] {
    min-width: 440px;
}

.accordion-item .pagination {
    border-radius: 30px;
    margin-top: 20px;
    padding: 15px;
}

.accordion-cream .pagination {
    background: var(--cream);
}

.accordion-cream .page-link {
    background-color: var(--cream);
}

.accordion-item .page-link {
    border: 0 none;
    font-size: 18px;
    color: var(--black);
}

.accordion-item .pagination .current a {
    box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 30%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
}

.pagination li.page-item.first a,
.pagination li.page-item.last a {
    border: 1px solid var(--black);
    border-radius: 30px !important;
    margin: 0 10px;
    padding: 5px 20px;
    font-size: 16px;
}

.main-container.row {
    width: calc(100vw - 325px);
    transition: 0.5s ease;
}

.sidebar-body .main-container.row {
    width: calc(100vw - 150px);
}

.color-tooltip {
    position: relative;
}

.color-tooltip-body {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding: 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
    display: none;
}

.open .color-tooltip-body {
    display: block;
}

.color-tooltip-body h2 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}

.color-tooltip-body ul {
    grid-gap: 10px;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
}

.color-tooltip-body ul li {
    height: 25px;
    min-width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 767px) {
    .search-box-inline .col-12 {
        padding-bottom: 10px;
    }
}

@media(max-width: 991px) {
    .sidebar-menu {
        display: none;
    }

    .sidebar-menu.active {
        display: block;
    }

    table.listare-coloane th[scope="row"] {
        padding-left: 40px;
    }

    table.listare-coloane th[scope="row"] .edit-col {
        position: absolute;
        left: 12px;
    }

    .main-container.row {
        width: 100%;
    }

    .btn.btn-white {
        font-size: 16px;
    }
}

@media(min-width: 992px) {
    .wrapper>.col-lg-3 {
        min-height: 100vh;
    }
}

@media(min-width: 1300px) {
    .wrapper>.col-12.col-lg-3 {
        width: 25%;
    }

    .wrapper .col-lg-9 {
        width: 75%;
    }
}

@media(min-width: 1500px) {
    .wrapper>.col-12.col-lg-3 {
        width: 18%;
    }

    .wrapper .col-lg-9 {
        width: 82%;
    }
}


@-webkit-keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

    30% {
        transform: rotate(-5deg);
    }

    45% {
        transform: rotate(4deg);
    }

    60% {
        transform: rotate(-4deg);
    }

    75% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}


@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(5deg);
    }

    30% {
        transform: rotate(-5deg);
    }

    45% {
        transform: rotate(4deg);
    }

    60% {
        transform: rotate(-4deg);
    }

    75% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(-2deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}


/* urbanist-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/urbanist/urbanist-v10-latin-regular.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+ */
        url('../fonts/urbanist/urbanist-v10-latin-regular.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* urbanist-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/urbanist/urbanist-v10-latin-600.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+ */
        url('../fonts/urbanist/urbanist-v10-latin-600.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* urbanist-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/urbanist/urbanist-v10-latin-700.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+ */
        url('../fonts/urbanist/urbanist-v10-latin-700.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* urbanist-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Urbanist';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/urbanist/urbanist-v10-latin-800.woff2') format('woff2'),
        /* Chrome 36+, Opera 23+, Firefox 39+ */
        url('../fonts/urbanist/urbanist-v10-latin-800.woff') format('woff');
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'crm-icons';
    src:
        url('../fonts/fonts/crm-icons.ttf?ls1oi5') format('truetype'),
        url('../fonts/fonts/crm-icons.woff?ls1oi5') format('woff'),
        url('../fonts/fonts/crm-icons.svg?ls1oi5#crm-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'crm-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Message .path1:before {
    content: "\e911";
    color: rgb(127, 132, 142);
}

.icon-Message .path2:before {
    content: "\e912";
    margin-left: -1.142578125em;
    color: rgb(7, 242, 199);
}

.icon-Message .path2_gray:before {
    content: "\e912";
    margin-left: -1.142578125em;
    color: #f1f1f1;
}

.icon-Asset-1:before {
    content: "\e900";
}

.icon-Asset-2:before {
    content: "\e901";
}

.icon-Asset-3:before {
    content: "\e902";
}

.icon-Asset-4:before {
    content: "\e903";
}

.icon-Asset-5:before {
    content: "\e904";
}

.icon-Asset-6:before {
    content: "\e905";
}

.icon-Asset-7:before {
    content: "\e906";
}

.icon-Asset-8:before {
    content: "\e907";
}

.icon-Asset-9:before {
    content: "\e908";
}

.icon-Asset-10:before {
    content: "\e909";
}

.icon-Asset-11:before {
    content: "\e90a";
}

.icon-Asset-12:before {
    content: "\e90b";
}

.icon-Asset-13:before {
    content: "\e90c";
}

.icon-Asset-14:before {
    content: "\e90d";
}

.icon-Asset-15:before {
    content: "\e90e";
}

.icon-Asset-16:before {
    content: "\e90f";
}

.icon-Asset-18:before {
    content: "\e910";
    color: #07f2c7;
}

table.my-datatable.dataTable thead>tr>th.sorting_asc:before,
table.my-datatable.dataTable thead>tr>th.sorting_desc:after,
table.my-datatable.dataTable thead>tr>td.sorting_asc:before,
table.my-datatable.dataTable thead>tr>td.sorting_desc:after,
table.my-datatable.dataTable thead>tr>th.sorting:after,
table.my-datatable.dataTable thead>tr>th.sorting_asc:after,
table.my-datatable.dataTable thead>tr>th.sorting_desc:after,
table.my-datatable.dataTable thead>tr>th.sorting_asc_disabled:after,
table.my-datatable.dataTable thead>tr>th.sorting_desc_disabled:after,
table.my-datatable.dataTable thead>tr>td.sorting:after,
table.my-datatable.dataTable thead>tr>td.sorting_asc:after,
table.my-datatable.dataTable thead>tr>td.sorting_desc:after,
table.my-datatable.dataTable thead>tr>td.sorting_asc_disabled:after,
table.my-datatable.dataTable thead>tr>td.sorting_desc_disabled:after,
.dataTables_filter {
    display: none;
}

.dataTables_wrapper.my-datatable .dataTables_info {
    padding: 20px;
}

.dataTables_wrapper.my-datatable .dataTables_paginate {
    padding: 10px;
}

table.my-datatable.dataTable thead th {
    text-align: center;
}

.form-table th,
table.my-datatable.dataTable tbody th,
table.my-datatable.dataTable tbody td {
    width: 220px !important;
    background: #fff;
    text-align: center;
}

table.my-datatable.dataTable th[scope="row"] {
    width: 305px !important;
}

table.my-datatable.dataTable {
    width: 100%;
}

table.my-datatable.dataTable thead th:first-child {
    width: 20px !important;
}

/*table.dataTable tbody td:nth-child(1) {border-right: 1px solid #E6E9EB;}*/
table.dataTable tbody td:nth-child(2) {
    font-weight: 700;
    text-align: left;
    color: #000;
}

/*table.dataTable tbody td:nth-child(3) {border-right: 1px solid #E6E9EB;}*/
table.my-datatable.dataTable tbody td a.edit-col {
    margin-right: 0;
}

table.dataTable thead th:last-child,
table.dataTable tbody td:last-child {
    border-right: 1px solid #B2B2B2;
}

/*table.dataTable thead th:nth-child(2) {border-right: 1px solid #E6E9EB;}*/
table.dataTable thead th:nth-child(1),
table.dataTable thead th:nth-child(2),
table.dataTable thead th:nth-child(3) {
    /* border-right: 1px solid #E6E9EB; */
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px;
    border-bottom: 1px solid #E6E9EB;
}


table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
    content: none;
}


table.listare-coloane th,
table.listare-coloane td {
    background: #fff;
}

/*table.listare-coloane td:nth-child(2) {border-right: 1px solid #E6E9EB;}*/

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}

/* 10 15*/

.single-filter ul {
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 20px;
}

.filter-box {
    min-width: 220px;
    padding: 5px 2px 5px 2px;
    margin: 8px 10px;
}

.filter-wrapper {
    display: flex;
    max-width: 800px;
    overflow: auto;
}

table {
    table-layout: fixed;
}

td {
    overflow: hidden;
    text-overflow: ellipsis;
}



.form-table table th:nth-child(2) {
    max-width: 100%;
    position: -webkit-sticky;
    position: sticky;
    left: 60px;
}

.form-table table th:nth-child(3) {
    position: -webkit-sticky;
    position: sticky;
    left: 280px;
    border-right: 1px solid #E6E9EB;
}

.select2-container {
    /*width:100%!important;*/
    z-index: 2056;
}

.modal-current .select2-container {
    z-index: 2057 !important;
}


.modal-current {
    z-index: 1056 !important;
    --left: 5%;
    border: #0069d9 2px solid;
    background: rgba(221, 221, 221, 0.4) !important;
}

.form-table .search-box-inline button {
    position: relative;
    top: 0;
    left: 0;
}

.form-table .search-box-inline th:first-child {
    width: 58px !important;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

/*table.listare-coloane th[scope="row"] {padding-left: 0;}*/

.float-right {
    float: right;
}

.modal-body {
    padding-top: 0;
}

.modal-footer {
    padding-top: 0;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

.sticky-header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
    margin-top: 10px;
    box-shadow: 0 -1px 0px 0px #dee2e6, 0 1px 0px 0px #dee2e6;
    border-bottom: none;
}

.border-red {
    border: #fd3995 1px solid !important;
    border-radius: 4px;
}

td .color-swatches {
    display: flex;
    justify-content: center;
}

.color-swatch {
    width: 25px;
    height: 25px;
    margin: 3px;
    border-radius: 5px;
    border: 1px solid black;
}

.button-container {
    justify-content: center;
    align-items: center;
}

.button-container button {
    border-radius: 30px;
}

.form-btn {
    font-size: 13px;
    padding: 8px 12px;
    margin-left: 8px;
}

.gradient-greens {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.gradient-blues {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: linear-gradient(0deg, #007bff 1%, #0056b3 100%);
}

.center-text {
    text-align: center;
}

.change-status,
.change-status-simple {
    cursor: pointer;
}

.form-switch-lg .form-check-input {
    width: 3.5rem;
    height: 1.9rem;
    margin-left: -2.5rem;
}

.form-switch-lg .form-check-label {
    padding-left: 3.5rem;
}

.form-switch-lg .form-check-input:checked {
    background-color: #1ec445;
    border-color: #1dca45;
}

.form-switch-lg .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
}

.form-switch-lg .form-check-label {
    color: #28a745;
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: 0.2rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-border-radius: 0.5rem;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
    padding-right: 0;
}


.table-responsive::-webkit-scrollbar {
    height: 10px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #7f8180;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #04f340;
}

::-moz-scrollbar {
    width: 8px;
}

::-moz-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

::-moz-scrollbar-thumb:hover {
    background-color: #555;
}

.table-responsive {
    padding-bottom: 10px;
}

.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar {
    height: 10px;
}

.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 3px;
}

.dataTables_wrapper .dataTables_scrollBody::-webkit-scrollbar-track {
    background-color: #eee;
}

.list-group-item-sm {
    margin: 0;
    padding: 0 10px;
}


.big-modal {
    max-width: 75% !important;
}

.middle-modal {
    max-width: 50% !important;
}

@media only screen and (max-width: 1366px) {
    .big-modal {
        max-width: 70% !important;
    }

    .middle-modal {
        max-width: 50% !important;
    }
}

@media only screen and (max-width: 768px) {
    .big-modal {
        max-width: 100% !important;
    }

    .middle-modal {
        max-width: 100% !important;
    }
}

.modal-footer {
    padding-top: 0;
}

.big-modal .modal-body .tab-content,
.middle-modal .modal-body .tab-content {
    max-height: 700px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.mh350 {
    max-height: 350px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 20px;
    margin-right: 10px;
}

.mh300 {
    max-height: 300px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 20px;
    margin-right: 10px;
}

.mh200 {
    max-height: 200px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 15px;
}

.mh150 {
    max-height: 150px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 10px;
}

.mh100 {
    max-height: 100px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 10px;
}

.mh500 {
    max-height: 500px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 20px;
}

.mh400 {
    max-height: 400px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-bottom: 20px;
}



.hidden {
    display: none;
}

.col-md-1-5 {
    flex: 0 0 auto;
    width: 12.5%;
    /* (1.5 / 12) * 100 = 12.5% */
}

.col-md-0-5 {
    flex: 0 0 auto;
    width: 4.16666667%;
    /* (0.5 / 12) * 100 = 4.16666667% */
}

.col-md-2-5 {
    flex: 0 0 auto;
    width: 20.83%;
}

.col-md-3-5 {
    flex: 0 0 auto;
    width: 29.16666667%;
    /* (3.5 / 12) * 100 = 29.16666667% */
}

.col-md-4-5 {
    flex: 0 0 auto;
    width: 37.5%;
    /* (4.5 / 12) * 100 = 37.5% */
}

/* 5.5 din 12 coloane */
.col-md-5-5 {
    flex: 0 0 auto;
    width: 45.83333333%; /* (5.5 / 12) * 100 */
}

/* 6.5 din 12 coloane */
.col-md-6-5 {
    flex: 0 0 auto;
    width: 54.16666667%; /* (6.5 / 12) * 100 */
}

/* 7.5 din 12 coloane */
.col-md-7-5 {
    flex: 0 0 auto;
    width: 62.5%; /* (7.5 / 12) * 100 */
}

/* 8.5 din 12 coloane */
.col-md-8-5 {
    flex: 0 0 auto;
    width: 70.83333333%; /* (8.5 / 12) * 100 */
}

/* 9.5 din 12 coloane */
.col-md-9-5 {
    flex: 0 0 auto;
    width: 79.16666667%; /* (9.5 / 12) * 100 */
}


.w50 {
    width: 50%;
    float: left;
}

.w100 {
    width: 100%;
    float: left;
}

table.dataTable tbody tr>.dtfc-fixed-left,
table.dataTable tbody tr>.dtfc-fixed-right {
    z-index: 1040;
}

.datepicker {
    z-index: 1057 !important;
}

.dropdown-menu {
    z-index: 1056;
}

.tab-content .filter-wrapper {
    display: block !important;
}

.daterange-bg {
    background-color: aqua;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
    padding: 2px 10px;
    border-radius: 20px;
    display: inline-block;
    min-width: 220px;
    text-align: center;
}

.list-custom-icon {
    margin-right: 7px;
}

.list-custom-text {
    font-size: 18px;
    margin-left: 10px;
    text-transform: capitalize;
}

.list-custom-div {
    background-color: #1bd0f917;
    padding: 5px;
    border-radius: 5px;
}

.list-custom-badge {
    min-width: 30px;
    text-align: center;
}

.color-red {
    color: #ff0000;
}

.color-green {
    color: #00ff00;
}

.title {
    font-size: 18px;
    font-weight: bold;
}

.hamburger-button {
    text-align: right;
    position: relative;
    right: 0;
    margin-top: 60px;
}

.hamburger-button button {
    background: #4132A6;
    border: 0;
    color: #fff;
    border-radius: 40px 0 0 40px;
    width: 40px;
    height: 35px;
    font-size: 20px;
    transition: 0.2s;
    border: 1px solid #4132A6;
}

.hamburger-button button:hover {
    color: #4132A6;
    background: transparent;
    border-color: #4132A6;
}

.hamburger-button .fa-xmark,
.sidebar-close .hamburger-button .fa-arrow-left {
    display: none;
}

.sidebar-close .hamburger-button .fa-xmark {
    display: block;
}

.sidebar-box {
    max-width: 310px;
}

.col {
    transition: 0.5s ease;
}

.sidebar-close .item-label {
    display: none;
}

.sidebar--item.item.item--parent {
    position: relative;
    /*z-index: 1050;*/
}

.sidebar-close .sidebar-submenu,
.sidebar-close .collapse {
    position: absolute;
    background: #FFFFFF;
    z-index: 1050;
    right: -250px;
    padding: 10px;
    top: 0;
    display: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 5px;
    width: 250px;
}

.sidebar-close.sidebar-box {
    max-width: 130px;
}

.sidebar--item.item .sidebar-submenu li a {
    white-space: inherit;
}

.sidebar-close .sidebar--item:hover .sidebar-submenu,
.sidebar-close .sidebar--item:hover .collapse {
    display: block;
}

.sidebar-close .user-initial {
    display: none!important;
}

.sidebar-close .right-side {
    display: block;
}

@media screen and (max-width: 991px) {
    .sidebar-box {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .sidebar-close .item-label {
        display: block;
    }

    .hamburger-button {
        display: none;
    }
}

.load-local-variants {
    cursor: pointer;
}

.old-custom-tooltip {
    max-width: 200px;
    display: none;
    position: absolute;
    z-index: 999;
}

.old-custom-tooltip ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.old-custom-tooltip ul li {
    cursor: pointer;
    padding: 8px;
    transition: background-color 0.3s;
}

.old-custom-tooltip ul li:hover {
    background-color: #f0f0f0;
}


.timeline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative
}


.timeline>li {
    position: relative;
    min-height: 50px;
    padding: 20px 0
}


.timeline .timeline-body {
    background: #fff;
    position: relative;
    padding: 10px 5px;
    border-radius: 6px
}

.timeline .timeline-body:before {
    content: '';
    display: block;
    position: absolute;
    border: 10px solid transparent;
    border-right-color: #fff;
    left: -20px;
    top: 20px
}

.timeline .timeline-body>div+div {
    margin-top: 15px
}

.timeline .timeline-body>div+div:last-child {
    margin-bottom: -20px;
    padding-bottom: 20px;
    border-radius: 0 0 6px 6px
}

.timeline-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e7eb;
    line-height: 30px
}

.timeline-header .userimage {
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 40px;
    overflow: hidden;
    margin: -2px 10px -2px 0
}

.timeline-header .username {
    font-size: 16px;
    font-weight: 600
}

.timeline-header .username,
.timeline-header .username a {
    color: #2d353c
}

.timeline img {
    max-width: 100%;
    display: block
}

.timeline-content {
    letter-spacing: .25px;
    line-height: 18px;
    font-size: 13px;
    word-break: break-word;
    overflow-x: hidden;
}

.timeline-content:after,
.timeline-content:before {
    content: '';
    display: table;
    clear: both
}

.timeline-title {
    margin-top: 0
}

.timeline-footer {
    background: #fff;
    border-bottom: 1px solid #e2e7ec;
    padding-top: 5px
}

.timeline-footer a:not(.btn) {
    color: #575d63
}

.timeline-footer a:not(.btn):focus,
.timeline-footer a:not(.btn):hover {
    color: #2d353c
}

.timeline-likes {
    color: #6d767f;
    font-weight: 600;
    font-size: 12px
}

.timeline-likes .stats-right {
    float: right
}

.timeline-likes .stats-total {
    display: inline-block;
    line-height: 20px
}

.timeline-likes .stats-icon {
    float: left;
    margin-right: 5px;
    font-size: 9px
}

.timeline-likes .stats-icon+.stats-icon {
    margin-left: -2px
}

.timeline-likes .stats-text {
    line-height: 20px
}

.timeline-likes .stats-text+.stats-text {
    margin-left: 15px
}

.timeline-comment-box {
    background: #f2f3f4;
    margin-left: -25px;
    margin-right: -25px;
    padding: 20px 25px
}

.timeline-comment-box .user {
    float: left;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 30px
}

.timeline-comment-box .user img {
    max-width: 100%;
    max-height: 100%
}

.timeline-comment-box .user+.input {
    margin-left: 44px
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.4;
}

.text-danger, .text-red {
    color: #ff5b57!important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{font-size:0.8rem;}
.timeline-content a{font-weight:bold;}
.child-comments{margin-left:25px; margin-top:10px;}
.border-top-comment{border-top:#ccc 1px solid;padding-top:10px;}
.selected-task td, .selected-task th{background: #d4e4f4!important;}
.custom-filter-input {
    padding: 0px 3px 0px 6px !important;
    border: 1px solid #ccc!important;
    border-radius: 5px;
}
.btn-reset-date {
    border-color: #cccccc !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.gallery-item {
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 7px;
    width: 44px;
    height: 44px;
    text-align: center;
}
.gallery-item-wrapper {
    margin-right: 5px;
    margin-left: 5px;
}

.form-control-sm {
    padding: 0.15rem 0.5rem;
    font-size: .775rem;
}
.form-label {
    margin-bottom: 0.3rem;
    font-size: .775rem;
}

.selected {
    border: 2px solid #007bff;
    background-color: #e7f3ff;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 0.9rem!important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    padding: 0.275rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 300;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 950px;
    margin: 1em auto;
}

.highcharts-figure-view {
    height: 85vh;
    width: 100%;
    overflow: auto;
}

#chartContainer {
    height: 95%;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/*.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0.2em 0.65em;
    font-size: 0.780rem;
}*/

.button_status_task_creator {
    min-width: 61px;
    text-align: center;
}

.th-truncate {
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable tbody td .text-truncate-wrapper {
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
}

table.dataTable tbody td .text-truncate-wrapper .text-full {
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    display: inline-block;
    max-width: 100%;
}

.form-check-input{
    margin-right:3px!important; 
}

.form-check-input:checked{
    background-color: #00BAFF!important;
    border-color: #00BAFF!important; 
    }

.footer-area {
    text-align: center;
    /*padding: 50px 0 50px;*/
}

.footer-area ul {
    padding: 15px 20px;
    list-style: none;
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 3px 88px rgb(0, 0, 0, 10%);
    border-radius: 18px;
    grid-column-gap: 45px;
    position: fixed;
    bottom: 15px;
    left: 50%;
    margin-left: -170.5px;
    z-index: 9999;
}

.footer-area ul li span {
    width: 57px;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 2px 35px rgb(0 93 255 / 31%);
    background: -webkit-linear-gradient(bottom, #0C7BE9, #00BAFF);
    background: linear-gradient(0deg, #0C7BE9, #00BAFF);
    border-radius: 15px;
    color: #fff;
    font-size: 25px;
    cursor:pointer;
}

.footer-area ul li span:hover {
    text-decoration: none;
}

.footer-area ul li:nth-child(1) span {
    background: -webkit-linear-gradient(0, #F35A54, #F35A54);
    background: linear-gradient(0, #F35A54, #F35A54);
    box-shadow: 0 2px 35px rgb(242 110 61/ 32%);
}

.footer-area ul li:nth-child(3) span {
    background: -webkit-linear-gradient(0, #FF6127, #F2983D);
    background: linear-gradient(0, #FF6127, #F2983D);
    box-shadow: 0 2px 35px rgb(242 110 61/ 32%);
}

.chartContainer {
    width: 95%;
    margin: 0 auto;
}

.offcanvas-header {
    position: sticky;
    top: 0;
    z-index: 1030; 
    background-color: white; 
    border-bottom: 1px solid #dee2e6;
}

.m-r-15{margin-right:15px;}
.w50fixed{width:50%!important;}

.comments-list-project {
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden; /* Ascunde orice text care depa?e?te limitele div-ului */
}

.card-body {
    overflow: hidden; /* Asigura-te ca textul nu depa?e?te div-ul parinte */
    white-space: normal; /* Permite textului sa se �mparta pe mai multe linii */
}

.card-body a {
    word-break: break-all; /* Rupe cuvintele lungi sau link-urile la capat de linie */
    white-space: normal; /* Asigura ca textul nu este afi?at pe o singura linie */
    display: block; /* Face link-urile sa ocupe �ntreaga la?ime a containerului */
}

.dashboard-cols .card {
    border: none;
    border-radius: 8px;
}

.dashboard-item {
    font-size: 0.85rem;
    padding: 4px 8px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.dashboard-item:hover {
    background-color: rgba(255,255,255,0.5);
}

.dashboard-value {
    font-size: 1rem;
    font-weight: bold;
}

.red-team {
    color: #d32f2f;
}

.blue-team {
    color: #1976d2;
}

.total-value {
    color: #2e7d32;
}

.dashboard-card-sm {
    border-radius: 20px !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
}

tr.suggested-premium td {
    background-color: rgba(207, 226, 255, 0.18) !important;
}

tr.suggested-standard td {
    background-color: rgba(226, 227, 229, 0.22) !important;
}

tr.suggested-premium:hover td {
    background-color: rgba(182, 212, 254, 0.38) !important;
}
tr.suggested-standard:hover td {
    background-color: rgba(214, 216, 219, 0.42) !important;
}

.wp-topbar { --wp-blue:#0b1740; --wp-green:#0f5132; --wp-red:#7a1f1f; --wp-fg:#fff; }

.wp-topbar .wp-row-gap{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}

.wp-topbar .wp-stat-card{
    flex:1 1 auto;
    min-width:120px;
    background:#0b1740;
    color:#fff;
    border-radius:.6rem;
    padding:.6rem .8rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    min-height:60px;
    box-sizing:border-box;
}
.wp-topbar .wp-card--ok{ background:var(--wp-green) }
.wp-topbar .wp-card--warn{ background:var(--wp-red) }

.wp-topbar .wp-stat-card .wp-stat-label{
    opacity:.75;
    font-size:clamp(.7rem,1.6vw,.85rem);
    line-height:1.1;
    margin-bottom:.15rem;
}
.wp-topbar .wp-stat-card .wp-stat-value{
    font-weight:700;
    font-size:clamp(.85rem,1.9vw,1.05rem);
    line-height:1.2;
}

@media (max-width:576px){
    .wp-topbar .wp-stat-card{
        flex:1 1 45%;
        min-width:45%;
        padding:.5rem;
    }
}
@media (max-width:380px){
    .wp-topbar .wp-stat-card{
        flex:1 1 100%;
        min-width:100%;
    }
}

.wp-controls .form-select,
.wp-controls .form-check-label{ font-size:.85rem }

:root{ --stat-badge-min:140px; }

#suggested_stats{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(var(--stat-badge-min),1fr));
    gap:.35rem;
    font-size:clamp(.75rem,1.6vw,.9rem);
    line-height:1.25;
}
#suggested_stats .badge{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:.35rem .55rem;
    white-space:nowrap;
    font-size:clamp(.68rem,1.2vw,.8rem);
}

@media (max-width:1200px){
    #suggested_stats{ grid-template-columns:repeat(3, minmax(var(--stat-badge-min),1fr)); }
}
@media (max-width:768px){
    #suggested_stats{ grid-template-columns:repeat(2, minmax(var(--stat-badge-min),1fr)); }
}
@media (max-width:480px){
    #suggested_stats{ grid-template-columns:1fr; }
}

.wp-row-gap{ row-gap:.5rem }
.form-control-plaintext{ color:#fff; padding:.2rem 0; margin:0 }

#lbp-summary-card{ padding:.4rem .5rem !important; min-width:90px; }
#lbp-summary-card .wp-stat-label{ font-size:.68rem; opacity:.8; margin-bottom:.1rem; }
#lbp-suggested-count{ font-size:.85rem; font-weight:700; line-height:1; }
#lbp-suggested-sum{ font-size:.7rem; line-height:1.1; color:rgba(255,255,255,.7); margin-top:.1rem; white-space:nowrap; }

.dataTables_wrapper{ position:relative; }

.dataTables_processing{
    position:absolute !important;
    left:50%; top:50%;
    transform:translate(-50%, -50%);
    z-index:10;
    display:none;
    background:#fff; color:#333;
    border:1px solid #ddd; border-radius:.5rem;
    padding:.4rem .65rem;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    font-weight:600; white-space:nowrap;
}
.dataTables_processing i{ color:#0d6efd; margin-right:.5rem }

#wp-portals-wrap{ position:relative; }
#wp-portals-overlay.wp-overlay{
    position:absolute; inset:0;
    background:rgba(255,255,255,.6);
    display:none;
    align-items:center; justify-content:center;
    z-index:5;
}
#wp-portals-overlay .wp-loader-box{
    background:#fff; color:#333;
    border-radius:.5rem; padding:.5rem .75rem;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    font-weight:600; font-size:.95rem;
    display:inline-flex; align-items:center; gap:.5rem;
}

.wp-ellipsis{ display:inline-block; width:1.8rem; text-align:center }
.wp-ellipsis i{
    display:inline-block; width:.3rem; height:.3rem; border-radius:50%;
    background:#0d6efd; margin:0 .08rem; animation:dot 1s infinite ease-in-out both;
}
.wp-ellipsis i:nth-child(1){ animation-delay:0s }
.wp-ellipsis i:nth-child(2){ animation-delay:.15s }
.wp-ellipsis i:nth-child(3){ animation-delay:.3s }
@keyframes dot{ 0%,80%,100%{ transform:scale(0) } 40%{ transform:scale(1) } }

#wp-timeline-select option.text-warning {
    color: #e0a800;
    font-weight: 600;
}

.filter-tooltip {
    --bs-tooltip-bg: #0d6efd;
    --bs-tooltip-color: #fff;
    --bs-tooltip-max-width: 220px;
    --bs-tooltip-font-size: 0.775rem;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.3rem;
    --bs-tooltip-border-radius: 0.35rem;
    --bs-tooltip-opacity: 0.95;
    --bs-tooltip-arrow-width: 0.6rem;
    --bs-tooltip-arrow-height: 0.3rem;
    --bs-tooltip-arrow-color: #0d6efd;
}

.tooltip-dark-compact {
    --bs-tooltip-bg: #212529;
    --bs-tooltip-color: #fff;
    --bs-tooltip-border-radius: 0.35rem;
    --bs-tooltip-font-size: 0.75rem;
    --bs-tooltip-opacity: 0.95;
}

.auditFiltersForm .form-check-label,
.auditFiltersForm label.form-label {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25;
    color: var(--bs-body-color);
}

.auditFiltersForm .form-check-label i,
.auditFiltersForm label.form-label i {
    font-size: 0.875rem;
    margin-left: .35rem;
    vertical-align: text-bottom;
}

.auditFiltersForm .form-check.form-switch {
    margin-bottom: .5rem;
}
.auditFiltersForm label.form-label {
    margin-bottom: .25rem;
}

.auditFiltersForm .form-check {
    padding-right: .5rem;
}

.btn-group-sm .btn {
    font-size: 0.75rem;
    padding: .25rem .5rem;
    border-radius: 0.4rem;
}

.table-small th,
.table-small td {
    padding: 4px 8px !important;
    font-size: 13px !important;
    vertical-align: middle;
}

.table-small th {
    width: 35%;
    background-color: #f8f9fa;
    font-weight: 600;
}

.table-small td {
    width: 65%;
}

.modal-body .table-small {
    margin-bottom: 1rem !important;
}

/* 🔹 Lățime buton combo*/
.cke_combo__strinsert .cke_combo_text {
    width: 420px !important;
}

/* 🔹 Lățime panel dropdown (lista de opțiuni) */
.cke_combopanel__strinsert,
.cke_combopanel__strinsert .cke_panel_list {
    width: 450px !important;
    min-width: 450px !important;
}

/* 🔹 Lățime elemente individuale din listă */
.cke_combopanel__strinsert .cke_panel_listItem a {
    width: 100% !important;
    display: block;
    white-space: normal !important; /* ca textul lung să se rupă pe mai multe linii */
}