body {
    /*background-color: #f4f5f6 !important;*/
    /*background-image: url(/images/Place-Vosges2.jpg) !important;*/
}

.nav-logo-p {
    width: 200px;
}

.bold-labels label {
    font-size: 14px;
}

th {
    font-size: 14px;
}

.app-header .navbar-brand {
    width: 211px;
    height: 55px;
}

.app-header .navbar-toggler {
    margin-left: 8px;
}

.app-header {
    height: auto !important;
}

.navbar-dark .navbar-brand:hover {
    color: #394c74;
}

@media (max-width: 991.98px) {
    .app-header .navbar-brand {
        position: initial !important;
        margin-left: 0 !important;
    }
}

.custom-dropdown .nav-item .nav-link {
    border-radius: 0 !important;
}

.nav-dropdown-toggle {
    border-radius: 0 !important;
}


.nav-link .active :active {
    color: #fff !important;
}

.form-control:hover {
    border: 1px solid #CBCBCD !important;
}

button:focus {
    outline: 1px solid #f4f5f6 !important;
}

.btn-primary {
    background-color: #0458c4 !important;
}

.page-item.active .page-link {
    background-color: #0458c4 !important;
}

#crudTable_wrapper #crudTable.dtr-inline.collapsed > tbody > tr > .dtr-control:before {
    content: "\f002" !important;
    color: white !important;
    margin: 0 5px;
    background: #0659C4;
    padding: 3px;
    width: 30px !important;
    border-radius: 0.25rem !important;
}

table.table-hover tbody tr:hover {
    background-color: #f5f7fa;
}

.sidebar .nav-link {
    padding: 10px 15px !important;
    font-size: 14px !important;
    transition: none !important;
}

.sidebar .nav-link .nav-icon {
    color: white !important;
}

.sidebar .nav-link.active {
    background-color: #272f3f !important;
}


span.select2 {
    width: 100% !important;

}

#crudTable {
    font-size: 14px;
}

#crudTable tbody tr td:last-child a:first-child {
    color: white;
    padding: 4px 8px;
    background-color: #f09136;
}

#crudTable tbody tr td:last-child a:nth-child(2) {
    color: white;
    padding: 4px 8px;
    background-color: #e06b5c;

}

#saveActions {
    display: flex;
    justify-content: flex-end;
}

/*
.body-nav-hidden .sidebar-toggler{
    transform: rotate(-90deg);
    transition: .3s all ease;
}
 */

.navbar-dark .navbar-toggler {
    border: none !important;

}

body > header > button.navbar-toggler.sidebar-toggler.d-md-down-none > span {
    padding-left: 30px;
}

body > header > ul.nav.navbar-nav.d-md-down-none > button {
    margin-left: 30px;
}

.body-nav-hidden .ps .nav {
    transform: translateX(146px) !important;
    transition: all .3s ease;
}

.body-nav-hidden .ps .nav span {
    visibility: hidden;
}


.body-nav-hidden .nav-dropdown.open {

    display: none !important;
}


.body-nav-hidden .nav-dropdown-items a {
    margin-left: 0 !important;
}

button.navbar-toggler {
    transition: .2s all ease;
}


.nav-pad-p {
    padding-left: 153px;
    margin-right: 1px
}

.more-options-hidden {
    display: none;
}

.more-options-show {
    display: block !important;
}

.normal-arrow-none {
    transition: all .3s ease;
}

.rotate-arrow {
    transform: rotate(90deg);
    transition: all .3s ease;
}

.tab-container .nav-link:hover {
    background-color: white !important;
}


li[role=presentation] .nav-link {
    border-radius: 0 !important;
    margin: 0 !important;
}


.nav-dropdown-items a {
    margin-left: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


.nav-dropdown-toggle {
    padding: 0 !important;
}

.open .nav-dropdown-toggle {
    margin-top: 0 !important;
}


.folder-action-s {
    margin-left: 0 !important;
}


.sidebar .nav-item {
    transition: none !important;
}

html:not([dir=rtl]) .sidebar {
    margin-left: -225px;
    margin-right: 20px;
}


@media (max-width: 500px) {
    .body-nav-hidden .ps .nav {
        transform: translateX(0) !important;
    }

    html:not([dir=rtl]) .sidebar {
        margin-left: -225px;
        margin-right: 200px;
    }

    .sidebar-lg-show .ps .nav span {
        visibility: visible !important;
    }

    .body-nav-hidden .ps .nav span {
        visibility: visible !important;
    }

    .body-nav-hidden .sidebar-toggler {
        transform: rotate(0) !important;
    }

    .sidebar-lg-show .sidebar-toggler {
        transform: rotate(0) !important;
    }

    .nav-logo-p {
        width: 145px;
    }

    /*
    .app-header .navbar-brand {
        left: 35% !important;
        margin-left: -77.5px !important;
    }

     */
}

.card-header {
    border-bottom: none !important;
}


.data-bold .card-body {
    text-align: center;
    font-size: 1.775rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.data-bold {
    height: 168px;
}

th.month {
    text-transform: capitalize;
    font-weight: 400;
}

td.value-month {
    font-weight: 600;
    text-align: end;
}

.fact-data {
    font-weight: 400;
}

.heading-tab {
    padding: 0.75rem;
    background-color: white;
    border: 1px solid rgba(0, 40, 100, .12);
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 18px;
}


.table-billholder {
    border: 1px solid rgba(0, 40, 100, .12);
    border-top: none;
}

.table-billholder thead {
    background: white !important;
}

div[section=before_content] div.well {
    visibility: hidden;
}

.table-billholder tbody tr:nth-child(2n+1) {
    background: white !important;
}


.card-body a {
    text-decoration: none;
}


/* follow legend */
.legend {
    align-items: center;
    background: #FAFAFA;
    border-radius: 2px;
    border: 1px solid rgba(0, 40, 100, .12);
    padding: 0 5px;
    display: flex;
    width: 500px;
    justify-content: center;
}

.legend .legend__title[data-v-0a4bce7f] {
    font-weight: 600;
}

.legend .legend__options[data-v-0a4bce7f] {
    display: flex;
    align-items: center;
}

.legend .legend__options .legend-option[data-v-0a4bce7f] {
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: space-between;
    margin-left: 10px;
}

.legend .legend__options .legend-option > i[data-v-0a4bce7f] {
    width: 15px;
    height: 15px;
    background-color: #000;
}

.legend .legend__options .legend-option span[data-v-0a4bce7f] {
    margin-left: 5px;
}


.follow-btn {
    padding: 1em 2em !important;
    color: #292929;
    font-weight: 600 !important;
    width: 75%;
}

.noticed-row {
    background: #9bc2e6;
}

.summoned-row {
    background: #ffe699;
}

.archived-row {
    background: #a9d08e;
}

.judgment-row {
    background: #f8cbad;
}


a, .btn-link {
    color: #1B73E8;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #1B73E8 !important;

}

.alert-info {
    background-color: #1B73E8;
}

.form-title-informations {
    padding-top: 0.5em;
}

.first-action {
    max-width: 400px;
    margin-top: 20px;
}

.btn.disabled, .btn:disabled, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:disabled {
    opacity: .30;
}

.btn-primary {
    border-color: #1B73E8;
}


a:hover {
    color: #1B73E8;
}

.show_card {
    margin: 10px;
    background-color: white;
}


.action_select {
    display: flex;
    justify-content: left;

}

.actions-types {

    padding: 0.4rem !important;
}

.card {
    border: none;
}

.card, .shadow-xs {
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%);
}

body > div > main > div > div.card > div > div > div > form > div > div.form-group.col-xs-8 {
    padding-right: 20px;
}

.action_title {
    margin-top: 1em !important;
}

.bg-info {
    background-color: #1B73E8 !important;
}

body > div > main > div > div.card.first-action.col-md-8.bg-light.p-5 {

    background-color: white !important;

}

.align-items-center {
    align-items: unset !important;
}

body > div > main > section > a > i {
    font-size: 25px !important;
}


.col-xs-8 {
    width: 100%;
    padding-right: 20px;
}

.col-xs-4 {
    width: 100%;
}

body > div > main > div > div.card.first-action.col-md-8.bg-light.p-3 {

    background-color: white !important;

}

.form-control:focus {
    border-color: #1B73E8 !important;
}


.image_wrapper {
    padding-bottom: 1em;
    width: 400px;
    height: auto;
    display: flex;
    text-align: center;

}

/*.image_logo_wrapper {*/
/*    !*padding-bottom: 1em ;*!*/
/*    !*width: 275px;*!*/
/*    !*height: auto;*!*/
/*    !*display: flex;*!*/
/*    !*text-align: center;*!*/

/*}*/

.mail_color {
    color: #1f487d
}

.login_card {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

body > div.app-body > main > div.container-fluid.animated.fadeIn > div > div > div.row.mb-0 > div:nth-child(1) > div > a {
    margin-right: 0.5em;
}


/*Nouveau style qui vient écraser l'ancienne sidebar*/

.sidebar .nav-link-2:hover {

    background: #4E99FC !important;
    color: #fff;
}

.sidebar .nav-item-2:hover {
    background: #4E99FC !important;

}

.sidebar .nav-item-2 .active {
    background-color: #1B73E8 !important;
}

.sidebar .nav-item-2 .open {
    background-color: #1B73E8 !important;
}

body > div.app-body > div > nav > ul > li.nav-item-2.nav-dropdown-2.custom-dropdown-2.open > a {
    background: #0458c4 !important;
    /*background-color: #1B73E8;*/
}


/*body > div.app-body > div > nav > ul > li:nth-child(7) > ul > li:hover,*/
/*body > div.app-body > div > nav > ul > li:nth-child(10) > ul > li:hover {*/
/*    background-color: #0458c4 !important;*/
/*}*/


.sidebar .nav-dropdown-2.open {
    background: #334257 !important;
}


.sidebar .nav-link-2 {
    text-decoration: none;
}

.sidebar .nav-dropdown-items-2-open {
    background: #334257;
}

.sidebar .nav-dropdown-2.open > .nav-dropdown-toggle:before {
    transform: rotate(-90deg);
}

.open-nav-toggle {
    max-height: 1500px !important;
}

.sidebar .nav-item-2 {
    transition: none !important;
    margin: 0;
    position: relative;
}

.sidebar .nav-link-2 {
    padding: 10px 15px !important;
    font-size: 14px !important;
    transition: none !important;
    background: transparent;
    color: #fff;
    display: block;
}

.sidebar .nav-dropdown-toggle-2 {
    position: relative;
}


.sidebar .nav-dropdown-items-2 {
    max-height: 0;
    overflow-y: hidden;
    margin: 0;
    padding: 0;
    transition: max-height .3s ease-in-out;


}

body > div > div > nav > ul > li.nav-item-2.nav-dropdown-2.custom-dropdown-2 > a:hover {
    text-decoration: none;
    /*background:#4E99FC!important;*/
}


.sidebar .nav-link-2 .nav-icon {
    display: inline-block;
    font-size: 1rem;
    margin: 0 0.5rem 0 0;
    text-align: center;
    width: 1.25rem;
}

.nav-dropdown-items-2 a {
    margin-left: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.sidebar .open .nav-dropdown-items-2 {
    max-height: 1500px !important;
}


/*fin style sidebar*/


.btn-outline-primary {
    border-color: #1B73E8 !important;
    color: #1B73E8 !important;
}


body > div.app-body > main > section > a {
    display: none;
}

.app-footer {
    display: none;
}

.modal-backdrop.show {
    display: none !important;
}

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


label.error {
    color: red;
}


.custom-control-input:checked ~ .custom-control-label:before {
    background-color: #1B73E8 !important;
    border-color: #1B73E8 !important;
}


.badge-primary {
    background-color: #0458c4 !important;

}

.card-border {
    border: 1px solid rgba(0, 40, 100, 0.12);
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);
}

.color-primary {
    color: #0458c4 !important;
}


.border-primary {
    border-color: #0458c4 !important;
}


#cabinet-select .active :active {
    background-color: #1B73E8 !important;
}

.dashboard-reminders-block {
    height: 550px;
    overflow: auto;
    position: relative;
    -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}


.folder-note {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px;
}

.folder-note-details {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.folder-note-content {
    font-size: 14px;
    font-weight: 400;
}


#tab_notes-privees .table td:first-child, #tab_notes-privees .table th:first-child {
    display: none !important;
}

/* Bill list */
li[filter-name="total_price"] .dropdown-menu {
    width: 350px;
}