.text-danger {
    color: red;
}
  .filter-months {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0;
    }

    .filter-months li {
        list-style: none;
        flex: 1 1 calc(25% - 10px); /* 4 pe rând */
    }

    @media (max-width: 992px) {
        .filter-months li {
            flex: 1 1 calc(33.333% - 10px); /* 3 pe rând */
        }
    }

    @media (max-width: 768px) {
        .filter-months li {
            flex: 1 1 calc(50% - 10px); /* 2 pe rând */
        }
    }

    @media (max-width: 480px) {
        .filter-months li {
            flex: 1 1 100%; /* 1 pe rând */
        }
    }

    .month-box {
        display: block;
        text-align: center;
        padding: 15px;
        color: white;
        font-weight: bold;
        border: 2px solid transparent;
        background: #5bb5e8;
        transition: border-color 0.2s;
    }

    .month-box.active {
        border-color: white;
    }
.margin-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

#header .brand {
    padding: 10px 20px 10px !important;
}

.m-0{
    margin:0px !important;
}
.box {
    padding: 0;
    color: #fff;
    margin-bottom: 20px;
}
.box-gray{
    background-color: #6d6d6d;

}
.box-pink{
        background-color: #FA86B6;

}
.box-header {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.profile-head{
    padding-top:0px !important;
    align-items:center;
    justify-content:center;
    text-align:left;
}


.box-body {
    padding: 15px 20px;
    min-height:230px;
}

.box-footer {
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.1);
}

.btn-logout{
    background:none;
    border:none;
    color:#333;padding:8px 10px;
    width:100%;
    text-align:left;
}

#sidebar > ul > li > ul.sub > li > a.active {
    background: #575757;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
    color: #4e73df !important;
    border: none !important;
    padding: 2px 6px !important;
    margin: 0 2px;
    border-radius: 0;
    transition: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    color: #4e73df !important;
}

.profile-head ul,
.profile-head ul li {
    color: white !important;
}

@media (max-width: 576px) {
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 0.375rem 0.5rem;
        font-size: 0.875rem;
        margin: 2px;
    }

    .dataTables_length,
    .dataTables_filter,
    .dataTables_info {
        text-align: left;
        float: none !important;
    }
}
@media (min-width: 776px) {
   .asdasd{
    margin-left:-10px !important;
   }
}
.dataTables_length select {
    min-width: 80px; /* ajustează dacă ai nevoie de mai mult */
}

.dataTables_wrapper .row .dataTables_filter {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
    padding-right: 0;
    padding-left: 0 !important;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0em !important;
}

@media (min-width: 768px) {
    .custom-responsive-table {
        overflow-x: unset !important;
    }
}
@media (max-width: 767.98px) {
    .custom-responsive-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.custom-responsive-table {
    width: 100%;
    display: block;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0px !important;
    margin-right: 10px;
}

.form-horizontal .form-actions {
    padding-left: 0px !important;
}

.active-link i,
.active-link span {
    color: #fff;
}

.timeline-messages {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
}

.sidebar-menu .collapse {
    margin-left: 15px;
    border-left: 1px solid #ddd;
    padding-left: 10px;
}



.sidebar-scroll {
    width: 270px !important;
}

@media (min-width: 980px) {
    #sidebar {
        width: 270px !important;
    }
}

.sub-menu-1{
    color:#ffffff;
    padding-bottom: 10px;
}

.sub-menu-1:hover{
    color:#2fade7;
}

.sub-menu-1.active-link{
    color:#2fade7;
    background-color:transparent;
}

.mb5{
    margin-bottom: 5px;
}

.mt5{
    margin-top: 5px;
}

a:hover, a:focus {
    color: #2fade7 !important;
    text-decoration: underline;
}

.metro_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

@media (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .desktop-hide {
        display: none !important;
    }
}
/* Adăugarea de padding la textul din <p> */
.profile-features p.info {
    padding-left: 15px;
    padding-right: 15px;
}
.accordion-heading a.collapsed:hover {
    background-color: #4a8bc2;
    color: white !important;
}


.accordion-heading a {
    display: block;
    font-size: 22px;
    font-weight: normal;
    padding: 12px 16px;
    background-color: #f1f1f1;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

.accordion-heading a.collapsed {
    background-color: #f1f1f1;
    color: #333;
}

.accordion-heading a:not(.collapsed) {
    background-color: #4A8BC2;
    color: #fff;
    border-color: #007bff;
}

.accordion-inner {
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
    background-color: #fff;
    color: #333;
}
.deadline-box{
    margin-top:50px;
}
.linkuriutile{
    min-height:80px;
}
.recent-page-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.recent-page-item:hover {
    background-color: #eef5ff;
}

.left-content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
    max-width: calc(100% - 80px); /* Lasă spațiu pentru timpul din dreapta */
}

.left-content .label {
    flex-shrink: 0;
    background-color: #5cb85c;
    color: white;
    font-size: 12px;
    padding: 6px;
    border-radius: 3px;
}

.left-content a {
    color: #337ab7;
    font-weight: 500;
    text-decoration: none;
    word-break: break-word;
    line-height: 1.4;
}

.left-content a:hover {
    text-decoration: underline;
}

.page-time {
    white-space: nowrap;
    color: #888;
    font-size: 12px;
    margin-left: auto;
    padding-left: 5px;
}
.profile-features {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #25a9b0;
    color: white;
    text-align: center;
    padding: 20px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    min-height: 140px; /* păstrează înălțime minimă uniformă */
}

.profile-features i {
    font-size: 32px;
    margin-bottom: 10px;
}

.profile-features .info {
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
}

.profile-features:hover {
    background-color: #1e8c91;
    text-decoration: none;
}