/* Personnalisation de la couleur primary */



li{margin-bottom:0}

.extranet-locataire{background: #f1f2f3 !important; position:initial !important;}


.extranet-locataire .aux-modern-button.aux-modern-button-sm{font-size:1em !important; clear:both;}

.aux-modern-button {
    text-align: center;
}

.swal2-styled.swal2-confirm {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 24px 38px;
    font-size: 1.2em;
    font-weight: 500;
    background-color: #006D7C !important;
    border-color: #006D7C !important;
    color: #fff !important;
}

.modal-content {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.modal-content .modal-body p {
    color: #000000;
    font-size: 16px;
    line-height: 1.1;
    text-align: left;
}

.hentry .entry-main {
    margin-bottom: 2em;
}

label{font-size:1em;}


body.um-page .entry-content{padding: 20px 20px;border: 1px solid #e0e6ed; box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);border-radius: 10px;}

.um.um-login{margin-bottom:15px;}
.um.um-login label{margin-bottom:0;}

input[type=submit].um-button, input[type=submit].um-button:focus {
    display: inline-block;
    position: relative;
    border: none;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    transition: all 450ms;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em;
    margin: 20px 0 0 0 !important;
    padding: 13px 30px 12px 30px;
    border-radius: 0 !important;
    background: var( --e-global-color-bf98399 ) !important;
}
.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea{color:#000;}

.um-field-block{color:#000;}

input[type=submit].um-button:hover {
    background:var(--e-global-color-929374f) !important;
}

p.um-notice.success{background:#97BE0D; color:#000; font-weight:bold;}

.main-container{padding-left:0;}


header.header{height:80px;flex-wrap: nowrap;
    justify-content: space-between;}
header.header > ul, #agence-profile li{height: 100%;}
.header-container{position:initial; background-color: var( --e-global-color-bf98399 ) !important; padding: 0 0 0 16px; width: 100%;}

#header-logo-area{padding:4px 0;}

.header-container .theme-brand .theme-logo a img{height:70px; width:auto;}
.navbar-item .theme-text{text-align:left;}
.navbar-item .theme-text h1{line-height:1; color:#FFF; font-size:34px; margin: 0;}

.profile-info {
    position: relative;
    background: transparent;
}


.profile-info .user-info {
    display: flex;
    padding: 10px 0;
    width: 100%;
    height: auto;
    border-radius:0;
    align-items: center;
}
.profile-info .user-info .list-inline{margin-bottom:0;}
.profile-info .user-info .profile-img {
    margin: 0 10px 0 0;
    height: 150px; width: 150px;
    flex: 0 0 150px;
}
.profile-info .user-info .profile-img img {
    object-fit: cover;
    width: 100%; height: 100%;
}


.profile-info .user-info .profile-content {
    font-size: 15px;text-align: left; line-height:1.7;
}
.profile-info .user-info .profile-content.profile-content-button{flex:0 0 105px; margin-left:auto;}
.profile-info .user-info .profile-content h6 {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0px;
}
.profile-info .user-info .profile-content p {
    font-weight: 400;
    opacity: 1;
    color: #000;
    margin-bottom: 0;
}
.profile-info .user-info .profile-content li i{
    font-size:18px;
}

#agence-profile .profile-info {height:auto;min-height:100%;align-items:center;display: flex;}

.header-container .profile-info {
    background-color: #FFF;
}
.header-container .profile-info .user-info{
    padding:0 18px;
}
.header-container .profile-info .user-info .profile-img {
    height: 36px;
    width: auto;
    flex: 0 0 auto;
}
.header-container .profile-info .user-info .profile-img img {
    height: 100%;
    width: auto;
}
.header-container .profile-info .user-info .profile-content h6 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 5px;
}

.header-container .profile-info .user-info .profile-content p {
    font-size: 12px;
    margin-bottom: 0;
    line-height: 1.2;
}



.navbar .form-inline.search .search-form-control{background:#FFF !important; color:#000 !important; border-radius: 0; font-weight:normal;}
.search-bar .search-animated svg{color:#888;}
.search-bar input::placeholder {
    color: #888;
    opacity: 1;  font-weight:normal;
}

.search-bar input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #888;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu{padding: 10px !important;}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu.show{top:63px !important;}



.sidebar-wrapper{
    position:initial;
    overflow: hidden;
}

#content {
    margin: 0;
}

#sidebar * {

    white-space: normal;
}
#sidebar ul.menu-categories li.menu{
    position:relative;
    padding:0 !important;
}
#sidebar ul.menu-categories li.menu{margin-top: 21px;}
#sidebar ul.menu-categories li.menu > .dropdown-toggle{
    border-radius: 0 !important;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 16px;
    color: #000000;
    padding:10px 16px 10px 10px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 !important;
    line-height: 1;

}

#sidebar ul.menu-categories li .menu-icon{
    width:38px; text-align: center; flex: 0 0 38px;
}
#sidebar ul.menu-categories li a:hover{text-decoration: none;}

#sidebar ul.menu-categories li.menu:hover > .dropdown-toggle, #sidebar ul.menu-categories li.menu.active > .dropdown-toggle{
    color:#FFF;
    background:#008798;
}

#sidebar ul.menu-categories li.menu.active:after, #sidebar ul.menu-categories li.menu:hover:after {
    content: ' ';
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #FFF;
    position: absolute;
    top: 50%; transform: translateY(-50%);
    right: 8px;
    margin: auto;
    transition: all 1100ms cubic-bezier(0.19, 1, 0.22, 1)100ms;
}

#sidebar ul.menu-categories li.menu > .dropdown-toggle i {
    color:#000;
    vertical-align: middle;
    font-size: 26px;
    line-height:1.2;
    margin-right: 10px;
    display: block;
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle i, #sidebar ul.menu-categories li.menu:hover > .dropdown-toggle i{
    color:#FFF;
}

.btn-toggle.sidebarCollapse{display:none; color:#FFF; margin-right:20px;}

@media (max-width: 991px) {

    #agence-profile{display:none;}
    .btn-toggle.sidebarCollapse{display:block;}

    .sidebar-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 9999;
        border-radius: 0;
        left: 0;
        width: 300px;
        background: #f1f2f3;

        transition: width 0.1s, left 0.1s;
        min-height: 100vh;
        height:auto;
        touch-action: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        border-right: 1px solid rgb(215, 224, 234);

    }
}



#fichiers-table.table > tbody > tr > td{white-space: normal;}


#liste-dossiers {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 2 colonnes */
    gap: 1rem; /* espace entre les cartes */
}

#liste-dossiers > .card{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#liste-dossiers > .card .card-inner{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding:20px
}


#liste-dossiers > .card .card-body{padding:0;}
#liste-dossiers > .card .card-text{font-size:0.9em; color:#000; line-height:1.1;}
#liste-dossiers > .card .card-text strong{margin-top:5px; display: inline-block;}

#liste-dossiers .dossier-arrow {
    height:100%; font-size:25px; background:#008798; display: flex;align-items: center;align-content: center;
}
#liste-dossiers .dossier-arrow i{
    color:#FFFFFF; padding:10px 10px;
}

#liste-dossiers .card:hover .dossier-arrow {
    background:#006D7C;
}



.pagination, .pagination li{list-style-type: none;}



.solde_datemaj{font-size:16px; font-weight: 400; font-family: "Roboto", sans-serif; position:absolute; bottom:-8px;}

.widget{box-shadow: none;}

.widget-activity-five h4{color:#000; font-size:18px;}
.widget.widget-activity-five .timeline-line .item-timeline {
    display: flex;
    margin-bottom:15px; padding-bottom:25px; border-bottom:solid 2px #ddd;}
.widget.widget-activity-five .timeline-line .item-timeline .t-content .t-titlecontent{font-weight:bold;margin-top:4px;}
.widget.widget-activity-five .timeline-line .item-timeline .t-content .t-datecontent{font-weight:bold;color:#000;margin-bottom:5px;line-height:1; font-size:16px;}
.widget.widget-activity-five .timeline-line .item-timeline .t-content h4{line-height:1;}

.widget.widget-activity-five .timeline-line .item-timeline .t-content p{color:#000; margin:5px 0 0 0; padding-bottom: 0;line-height:1.1; font-size:14px;}
.widget.widget-activity-five .timeline-line .item-timeline .t-content .t-titlecontent span{color:#008798 !important;}
.widget.widget-activity-five .timeline-line .item-timeline .t-dot {
    position: relative;
}

.widget.widget-activity-five .timeline-line .item-timeline .t-dot div {
    background: transparent;
    background-color: transparent;
    border-radius: 50%;
    padding: 5px;
    margin-right: 11px;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}
.widget.widget-activity-five .timeline-line .item-timeline .t-dot div.t-primary svg {
    color: #e0e6ed;
}
.widget.widget-activity-five .timeline-line .item-timeline .t-dot div.t-secondary {
    background-color: #805dca;
    box-shadow: 0 10px 20px -8px #805dca;
}
.widget.widget-activity-five .timeline-line .item-timeline .t-dot div.t-success {
    background-color: #009688;
    box-shadow: 0 10px 20px -8px #009688;
}
.widget.widget-activity-five .timeline-line .item-timeline .t-dot div.t-danger {
    background-color: #e7515a;
    box-shadow: 0 10px 20px -8px #e7515a;
}
.widget.widget-activity-five .timeline-line .item-timeline .t-dot div.t-warning {
    background-color: #e2a03f;
    box-shadow: 0 10px 20px -8px #e2a03f;
}

.navbar .contact-bt {
    border-radius: 50%;
    background:#FFF;
    padding:10px;
    margin-right:22px;
}
.navbar .contact-bt a{
    padding:0;
}
.navbar .contact-bt svg{stroke:#008798; fill:#008798; width:40px; height:40px;}
.navbar .contact-bt#bt-urgence svg{stroke:red; fill:red; width:40px; height:40px;}



.navbar .navbar-item .nav-item.dropdown .dropdown-menu.show{top:15px !important;}

.navbar .notification-dropdown{padding:10px; border-radius:50%; background:#FFF; margin-right:22px;}
.navbar .notification-dropdown svg{stroke:#008798; width:40px; height:40px;}
.navbar .navbar-item .nav-item.notification-dropdown .nav-link span.badge {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    font-size: 10px;
    color: #fff !important;
    background: #00ab55;
    top: -5px;
    right: 2px;
}
.navbar .notification-dropdown .nav-link span.badge{width:15px; height:15px;}

.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu {
    width:300px;
}

.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .drodpown-title{
    padding:14px !important;
    margin:0;
}
.navbar .notification-dropdown .dropdown-menu h4{padding:0; margin:0;}
.navbar .notification-dropdown .dropdown-menu .data-info p{color:#000; line-height:1.1;}
.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .dropdown-item{cursor: initial;}
.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .dropdown-item a:hover{text-decoration: none;}
.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .dropdown-item .data-info h6{color:#008798; font-weight:bold; margin-bottom:5px;}
.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .dropdown-item:hover .data-info h6{color:#008798;}
.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .data-info p{color:#000; text-align:left; font-weight: normal;}

.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .data-info p.notification-link{color:#008798; text-align:left; margin-top:5px;}

.navbar .navbar-item .nav-item.notification-dropdown .dropdown-menu .data-info p.notification-date{color:#008798; text-align:right; margin-top:5px;}
.navbar .notification-dropdown a{padding: 0;}
.navbar .dropdown .dropdown-menu.show{top:60px !important;}

.navbar .notification-dropdown .dropdown-menu {
    min-width: 20rem;
    right: auto;
    left: 0;
    padding: 0;
}

.navbar .dropdown .dropdown-menu{border-radius:0;}
.navbar .user-profile-dropdown .dropdown-menu .dropdown-item a{color:#000; border-radius:0;}
.navbar .user-profile-dropdown .dropdown-menu .dropdown-item a:hover{color:#008798;}


.btn-change-dossier{
    font-size:0.8em; text-align:left; width:100%;padding: .8rem 0.6rem;
    position: relative;
}
.btn-change-dossier i{
    position:absolute; right:10px; top:50%;transform: translateY(-50%);
}

.sidebar-wrapper .profile-info {
    position: relative;
    padding: 0;
    background:#FFF;
}
.sidebar-wrapper .profile-info .user-info {
    display: flex;
    padding: 16px 6px;
    width: 100%;
    height: auto;
    border-radius: 0px;
    transition: padding 0.4s;
    justify-content: space-around;
    column-gap: 8px;
}
.sidebar-wrapper .profile-info .user-info:hover{
    text-decoration: none;
    background:#008798;
}
.sidebar-wrapper .profile-info .user-info:hover *{
    color:#FFF !important;
}
.sidebar-wrapper .profile-info .user-info .profile-img {
    transition: margin-right 0.5s;
    margin: 0 10px 0 0;
    height: 40px; width: 40px;
    flex: 0 0 40px;
}
.sidebar-wrapper .profile-info .user-info .profile-img img {
    top: 34px;
    border-radius: 50%;
    left: 0;
    right: 0;
    height: 40px;
    width: 40px;
}
.sidebar-wrapper .profile-info .user-info .profile-content {
    align-self: center;
    opacity: 1;
    transition: opacity 0.5s;
    line-height: 1.2;
}
.sidebar-wrapper .profile-info .user-info .profile-content h6 {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0px;
    margin-top: 0;
    margin-bottom: 0;
    opacity: 1;
    transition: opacity 0.5s, width 0.1s 0.4s;
}
.sidebar-wrapper .profile-info .user-info .profile-content p {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    opacity: 1;
    color: #888ea8;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}
.sidebar-wrapper .profile-info .user-info .profile-arrow {
    height:100%; font-size:25px; overflow:visible !important;
}

.sidebar-wrapper .shadow-bottom {
    top: 171px;
    height: 19px;
}
.sidebar-wrapper ul.menu-categories {
    height: calc(100vh - 173px) !important;
}


.profile-content .contacts-block{list-style-type:none; padding-left:0 !important; margin:0 0 0 10px;}
.profile-content .contacts-block li{list-style-type:none; font-size:13px; margin-bottom:4px;}

#alerterouge{
    background:#D30023;
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
#alerterouge-icon{
    padding: 0 15px 0 0;
    text-align: left;
}
#alerterouge-icon i{
    color:#FFF;
    font-size:30px;
    line-height: 30px;
}
#alerterouge-content{
    color:#FFF;
}
#alerterouge-content .col-title{
    color:#FFF; font-size:20px;
}


.card {
    background-color: transparent;
    border: 1px solid #e0e6ed;
    box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
}

.auth-container {
    min-height: 100vh;
}
.auth-container .container {
    max-width: 1440px;
}

.seperator {
    position: relative;
}
.seperator .seperator-text {
    position: absolute;
    top: -10px;
    display: block;
    text-align: center;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}
.seperator .seperator-text span {
    background-color: #fafafa;
    padding: 0 12px;
    display: inline-block;
}

.opt-input {
    padding: 12px 14px;
    text-align: center;
}

.btn-social-login img {
    width: 25px;
    height: 25px;
}


.accordion .card {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    margin-bottom: 0px;
    background: #fff;
}

.accordion .card-header {
    background-color: transparent;
    color: #f8538d;
    border-radius: 0;
    padding: 0;
    position: relative;
    border-bottom: none;
}

.accordion .card-header section > div {
    padding: 13px 19px;
    cursor: pointer;
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
}

.accordion .card-header section > div.collapsed {
    color: #888ea8;
}

.accordion .card-header section > div:not(.collapsed) {
    color: #000;
    border-bottom: 1px solid #d3d3d3;
    font-weight: 600;
}

.accordion .card-header section > div .icons {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 9px;
}

.accordion .card-header section > div .icons svg {
    width: 18px;
    transition: .5s;
    transform: rotate(0);
}

.accordion .card-header section > div[aria-expanded="true"] .icons svg {
    transform: rotate(180deg);
}

.accordion .card .card-body p {
    color: #000;
    letter-spacing: 1px;
    font-size: 16px; line-height: 1.1; font-weight: normal;
}

.accordion .card .card-body p:not(:last-child) {
    margin-bottom: 10px;
}

.accordion .card .card-body ul {
    margin-bottom: 0;
}

.accordion .card .card-body ul li {
    font-size: 12px;
    letter-spacing: 1px;
}

.accordion .card .card-body ul li:not(:last-child) {
    margin-bottom: 5px;
}

.accordion .card .card-body ul li a {
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

.accordion .card .card-body ul li a:hover {
    color: #000;
}

.accordion.no-outer-spacing {
    border: 1px solid #d3d3d3;
    border-radius: 6px;
}

.accordion.no-outer-spacing .card {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.accordion.no-outer-spacing .card:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.accordion.no-outer-spacing .card:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.accordion.no-outer-spacing .card:not(:last-child) {
    border-bottom: 1px solid #d3d3d3;
}

.accordion.no-outer-spacing .card-header section > div:not(.collapsed) {
    border-bottom: none;
}

/*
    No Outer Spacing
*/
/*
    Accordin with Icons
*/
.accordion-icons .accordion-icon {
    display: inline-block;
    margin-right: 10px;
}

.accordion-icons .accordion-icon svg {
    color: #888ea8;
    margin-right: 6px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    fill: rgba(0, 23, 55, 0.08);
}

.accordion-icons div:not(.collapsed) .accordion-icon svg {
    color: #000;
    fill: rgba(27, 85, 226, 0.07);
}


.widget-table-one .widget-heading {
    display: flex;
    margin-bottom: 31px;
    justify-content: space-between;
}

.widget-table-one .widget-heading .task-action .dropdown-toggle svg {
    color: #888ea8;
    width: 19px;
    height: 19px;
}

.widget-table-one .widget-heading .task-action .dropdown-menu {
    transform: translate3d(-141px, 0, 0px);
}

.widget-table-one .transactions-list {
    border-radius: 6px;
}

.widget-table-one .transactions-list:not(:last-child) {
    margin-bottom: 22.2px;
}

.widget-table-one .transactions-list .t-item {
    display: flex;
    justify-content: space-between;
}

.widget-table-one .transactions-list .t-item .t-company-name {
    display: flex;
}

.widget-table-one .transactions-list .t-item .t-icon {
    margin-right: 12px;
}

.widget-table-one .transactions-list .t-item .t-icon .avatar {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    width: auto;
    height: auto;
}

.widget-table-one .transactions-list .t-item .t-icon .avatar .avatar-title {
    background-color: #fbeced;
    color: red;
    border-radius: 12px;
    position: relative;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
}

.widget-table-one .transactions-list.t-info .t-item .t-icon .avatar .avatar-title {
    color: #123456;
    background: #e6f4ff;
}

.widget-table-one .transactions-list.t-secondary .t-item .t-icon .icon {
    color: #123456;
    background-color: #f2eafa;
}

.widget-table-one .transactions-list.t-secondary .t-item .t-icon .icon svg {
    color: #123456;
}

.widget-table-one .transactions-list .t-item .t-icon .icon {
    position: relative;
    background-color: #fcf5e9;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
}

.widget-table-one .transactions-list .t-item .t-icon .icon svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    color: red;
    stroke-width: 2;
}

.widget-table-one .transactions-list .t-item .t-name {
    align-self: center;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
}
.widget-table-one .transactions-list .t-item .t-name a {
    color: #000;
}

.widget-table-one .transactions-list .t-item .t-name .meta-date {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
    color: #888ea8;
}

.widget-table-one .transactions-list .t-item .t-rate {
    align-self: center;
}

.widget-table-one .transactions-list .t-item .t-rate p {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}

.widget-table-one .transactions-list .t-item .t-rate svg {
    width: 14px;
    height: 14px;
    vertical-align: baseline;
}

.widget-table-one .transactions-list .t-item .t-rate.rate-inc p {
    color: #009688;
}

.widget-table-one .transactions-list .t-item .t-rate.rate-dec p {
    color: red;
}



.breadcrumb-documents {
    background: #f8f9fa;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    margin-bottom:10px;
}

.breadcrumb-documents ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

.breadcrumb-documents li {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 14px;
}

.breadcrumb-documents a {
    text-decoration: none;
    color: #333;
}

.breadcrumb-documents a:hover {
    text-decoration: underline;
}

.breadcrumb-documents .breadcrumb-separator {
    margin: 0 5px;
    color: #333;
}

.breadcrumb-documents .breadcrumb-current {
    color: #333;
    text-decoration: none;
}



.document-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.document-list li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    line-height:1;
}

.document-list a {
    line-height:1;
}

.document-list li:last-child {
    border-bottom: none;
}

.document-list .icon {
    margin-right: 10px;
    font-size: 1.2em;
}

.document-list .info {
    margin-left: auto;
    color: #555;
    font-size: 0.9em;
    line-height:1;
}


.directory-empty-message {
    font-size:1.2em;

    text-align: center; /* Centrer le message */
    margin: 20px 0; /* Marges similaires à la liste */
    padding: 20px; /* Espacement intérieur pour ressembler à un item de la liste */
    color: #666; /* Couleur de texte plus douce */
    border: 1px dashed #ccc; /* Bordure pour différencier */
    border-radius: 4px; /* Coins arrondis */
    background-color: #f9f9f9; /* Fond clair pour uniformité */
}

.footer-wrapper .footer-section p, .footer-wrapper .footer-section p a {
    color: #000;
}

.footer-section.f-section-2 p a{margin:0 30px 0 0; display: inline-block}

@media (max-width: 1280px) {
    #liste-dossiers {
        grid-template-columns: repeat(2, 1fr); /* 1 colonne en dessous de 767px */
    }
}


@media (max-width: 991px) {
    .sidebar-noneoverflow {
        overflow: visible;
    }

    #sidebar ul.menu-categories.ps {
        height: calc(100vh - 130px) !important;
        padding-left: 0;
        padding-right:0;
    }
    #sidebar ul.menu-categories li.menu {
        margin-top: 0;
    }
    #sidebar ul.menu-categories li.menu > .dropdown-toggle{
        padding: 15px 16px 15px 10px;
    }
    .um .um-field-label{margin-bottom:0;}

    .footer-wrapper{flex-direction: column; gap:20px;}

    .footer-section.f-section-2 p a{margin:0 0 5px 0; display: block}
}

@media (max-width: 767px) {

    header.header {
        height: 70px;
    }
    .header-container{padding:0 0 0 8px;}
    .header-container .navbar.navbar-expand-sm .navbar-item .nav-item.theme-text {
        display: initial;
    }
    .navbar-item .theme-text h1{font-size:26px;}
    .navbar .navbar-item .nav-item.notification-dropdown, .navbar .contact-bt{padding:5px; margin-right:10px;}
    .header-container .theme-text a {padding: 0 0.5rem;}
    .navbar .navbar-item .nav-item.notification-dropdown svg, .navbar .contact-bt svg{width:26px;height:26px;}

    .btn-toggle.sidebarCollapse svg{
        width: 38px;
        height: 38px;
    }

    .navbar .navbar-item .nav-item.theme-logo{width:45px;}
    .header-container .theme-brand .theme-logo a img {width: 100%;height: auto;}


    #liste-dossiers {
        grid-template-columns: repeat(1, 1fr); /* 1 colonne en dessous de 767px */
    }

    #liste-dossiers > .card .card-inner {
        padding: 10px;
    }


    #liste-dossiers > .card .card-title{font-size:1.1em; margin-bottom: 0.6rem !important;}

    #liste-dossiers > .card .card-text{font-size:0.8em;}

    #liste-dossiers .dossier-arrow {
        font-size:20px;
    }

    .aux-modern-button.aux-modern-button-md{
        padding: 16px 28px;

    }


}

@media (max-width: 575px) {

    .elementor-element .profile-info .user-info{
        align-items: start;
        flex-direction: column;
    }
    .elementor-element .profile-info .profile-img{
        margin-bottom:10px;
    }
    .navbar .navbar-item .nav-item.theme-logo{width:40px;}
/*
    .card {
        border: none;
    }*/
    .auth-container {
        height: auto;
    }
    .auth-container .card {
        background-color: transparent;
        box-shadow: none;
    }
    .auth-container .card .card-body {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .footer-wrapper .footer-section.f-section-2 {
        display: block;
    }
}
@media (max-width: 360px) {
    .navbar-item .theme-text h1{font-size:22px;}
    .navbar .navbar-item .nav-item.theme-logo{width:36px;}
    header.header {
        height: 60px;
    }
}

#header-right {
    margin-left: auto !important;
}


.sidebar-theme {
background: white !important;
}

.modal,
.modal-backdrop {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}