@import '../vendors/feather/feather.css';
@import '../vendors/mdi/css/materialdesignicons.min.css';
@import '../vendors/ti-icons/css/themify-icons.css';
@import '../vendors/font-awesome/css/font-awesome.min.css';
@import '../vendors/typicons/typicons.css';
@import '../vendors/simple-line-icons/css/simple-line-icons.css';
@import '../vendors/css/vendor.bundle.base.css';
@import '../vendors/bootstrap-datepicker/bootstrap-datepicker.min.css';

@import 'style.css';

:root {
    --firstcolor: #111;/*#1E3BB3 ; /* BLEU */
    --secondcolor: #93c00e; /* VERT */
    --bgcolor: #e9e5f2; /* Gris F4F5F7 */
    --activebgcolor: #d8cfec;
    --hoverbgcolor: #dbd7e3;
    --borderinput: #999; /* #c4c8cb; /*#DFDFDF;*/
}

.alert-info-pre {
    padding: 7px !important;
    border-color: #dee2e6 !important;
}
pre {
    display: block;
    font-size: 0.78rem !important;
    /*font-family: "Manrope", sans-serif !important;*/
    color: initial !important;
    line-height: 1.1 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
/*.navbar .navbar-menu-wrapper {
    padding-top: 23px;
    padding-bottom: 5px;
    height: 70px;/*57px;*
}
.navbar .navbar-brand-wrapper {
    padding: 13px 35px 0;
    height: 70px;/*57px;*
}*/
.navbar .navbar-brand-wrapper {
    padding: 20px 35px 20px 15px !important;
}

.sidebar .nav .nav-item .nav-link {
    padding: 10px 35px 10px 10px !important;
    border-radius: 5px !important;
}
    .sidebar .nav {
        padding-left: 0.3rem !important;
        /*background-color: pink;*/
    }
    .sidebar .nav .nav-item.active > .nav-link {
        border-radius: 5px 5px 0px 0px !important;
        /*border-radius: 5px !important;*/
        background: transparent !important;/*#fff;*/
    }
    .sidebar .nav .nav-item.active > .nav-link.collapsed {
        /*border-radius: 5px 5px 0px 0px !important;*/
        border-radius: 5px !important;
  /*background: transparent !important;/*#fff;*/
    }
    .sidebar .nav:not(.sub-menu) > .nav-item .nav-link {
        /*border-radius: 5px 5px 0px 0px !important;*/
        border-radius: 5px !important;
    }
    .sidebar .nav:not(.sub-menu) > .nav-item .nav-link:hover[aria-expanded=false] {
        border-radius: 5px !important;
    }
    .sidebar .nav:not(.sub-menu) > .nav-item.active .nav-link {
        /*border-radius: 5px 5px 0px 0px !important;*/
        border-radius: 5px !important;
    }
    .sidebar .nav > .nav-item > .nav-link {
        border-radius: 5px !important;
    }
    .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded=true] {
        border-radius: 5px 5px 0px 0px !important;
        /*border-radius: 5px !important;*/
    }
    .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded=false] {
        border-radius: 5px 5px 0px 0px !important;
        /*border-radius: 5px !important;*/
    }

    .sidebar .nav .nav-item .nav-link i.menu-icon {
        font-size: 14px !important;
        font-weight: 500 !important;
        margin-right: 0.45rem !important;
        color: var(--firstcolor);
        /*line-height: 1;*/
    }
    .sidebar .nav .nav-item .nav-link .menu-title {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--firstcolor);
    }
    .sidebar .nav .nav-item .nav-link i.menu-arrow {
        margin-right: -28px !important;
        color: var(--firstcolor) !important;
    }
        .sidebar ul.nav.sub-menu {
            padding-left: 1.07rem;
            border-radius: 0px 0px 5px 5px !important;
            /*padding: 0.25rem 0 0 3.07rem;
            background: #fff;
            padding-bottom: 12px;
            */
        }
            .sidebar ul.nav.sub-menu li.nav-item .nav-link {
                padding: 7px 35px 7px 26px !important;
                font-size: 13px !important;
                font-weight: 500 !important;
                color: var(--firstcolor) !important;
            }

.content-wrapper {
    /*background: red;/*#F4F5F7;*
    /*padding: 1.5rem 0.75rem 1.5rem 0.75rem;*/
    /*padding: 1.5rem 0.5rem 0;*/
    padding: 0 0.5rem;
}
.breadcrumb {
    border: none;
    padding-left: 0.5rem !important;
    margin-bottom: 0.125rem;
}
    .breadcrumb a {
        text-decoration: none !important;
        color: #373a3c !important;
        font-size: 13px !important;
        font-weight: 400 !important;
    }
        .breadcrumb a i {
            font-size: 14px !important;
        }
.card .card-title {
    margin-bottom: 0.5rem !important;
}
.home-tab {
    margin-bottom: 15px !important;
}
    .home-tab .nav-link b {
        margin-left: 4px !important;
    }
.filter-box {
    padding: 8px 8px 0 !important;
    background: var(--bgcolor);
}
    .filter-box hr {
        margin: 3px 0 10px !important;
    }
    .filter-box .filter-form-group-row {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .filter-box .filter-label {
        padding-top: 5px !important;
        height: 32px !important;
        font-size: 13px;
        font-weight: 700 !important;
        text-align: right !important;
        color: #000 !important;
    }
    .filter-box .filter-input {
        padding: 7px 15px;
        border: 1px solid var(--borderinput);
        border-radius: 6px;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        font-family: "Manrope", sans-serif;
        min-width: 170px;
        height: 32px;
        background: #ffffff;
    }
    .filter-box .filter-btn {
        padding: 0.3rem 0.5rem 0.3rem !important;
        /*margin-bottom: 6px !important;*/
        height: 30px !important;
        border-radius: 3px !important;
        margin-top: 1px !important;
    }
        .filter-box .filter-btn i {
            margin-right: 4px !important;
        }
.paginator {
    /* background: pink; */
    vertical-align: middle !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    background-color: var(--bgcolor) !important;
}
    .paginator .paginator-row .card-description {
        backgroundyy: yellow;
        padding-left: 3px !important;
    }
    .paginator .paginator-row .text-end {
        backgroundyy: blue;
        padding-right: 3px !important;
    }
    .paginator select{
        width: 50px !important;
        height: 24px !important;
        text-align: center !important;
        padding: 0 !important;
        /*margin-top: 0 !important;*/
        border-radius: 3px !important;
        font-size: 0.8rem !important;
        line-height: inherit !important;
        border: 1px solid var(--borderinput);
    }
.card-description {
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}
    .card-description code {
        font-weight: bold !important;
        color: #010101 !important;
    }
@media (max-width: 767px) {
    .content-wrapper {
        padding: 0 0.125rem 1.5rem;
    }
}
.card .card-body {
    padding: 1rem 0.5rem;
}
select.form-control {
    color: #1F1F1F !important;
}
.table th {
    /*padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;*/
    padding: 0.35rem 0.25rem !important;
    /*background: pink;*/
}
.table td {
    line-height: 1.3;
    vertical-align: top;
    padding: 0.5rem 0.25rem !important;
}
    .table td img.cl-flag {
        width: 16px;
        height: 16px;
        border-radius: 0;
    }
    .table td a {
        text-decoration: none !important;
        color: #1E3BB3 !important; /* #337ab7 !important; */
    }
    .table td a.clt-link {
        margin-right: 8px;
        color: #1E3BB3 !important;
        font-weight: 700;
    }
    .table td .btn-block {
        /*display: block;*/
        width: 100%;
    }
    .table td .btn-sm.btn-smart {
        /*padding: 0.5rem !important;*/
        width: 2.7em !important;
        height: 2.7em !important;
        border-radius: 50% !important;
        border-color: #555 !important;
        color: #555 !important;
        background-color: #fff !important;
    }
    .table td .btn-sm.btn-smart-success {
        /*padding: 0.5rem !important;*/
        width: 2.7em !important;
        height: 2.7em !important;
        border-radius: 50% !important;
        border-color: green !important;
        color: #fff !important;
        background-color: green !important;
    }
    .table td .btn-sm.btn-smart-danger {
        padding: 0.5rem !important;
        border-radius: 50% !important;
        border-color: red !important;
        color: #fff !important;
        background-color: red !important;
    }
    .table td .btn-sm {
        padding: 0.25rem 0.5rem 0.35rem !important;
        margin-bottom: 6px !important;
        border-radius: .2rem !important;
    }
        .table td .btn-sm i {
            margin-right: 6px !important;
        }
    .table td i {
        margin-right: 6px !important;
    }
    .table td p.audio {
        margin-bottom: 6px !important;
    }
    .table td audio {
        width: 100% !important;
        height: 24px !important;
    }
    .profile-logo img {
        width: 44px !important;
        height: 44px !important;
        border-radius: 10px !important;
        margin-right: 15px !important;
    }

@media (min-width: 992px) {
    .table td {
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

    .table th.width-2 { width: 2% !important; }
    .table th.width-3 { width: 3% !important; }
    .table th.width-4 { width: 4% !important; }
    .table th.width-5 { width: 5% !important; }
    .table th.width-6 { width: 6% !important; }
    .table th.width-7 { width: 7% !important; }
    .table th.width-8 { width: 8% !important; }
    .table th.width-9 { width: 9% !important; }
    .table th.width-10 { width: 10% !important; }
    .table th.width-11 { width: 11% !important; }
    .table th.width-12 { width: 12% !important; }
    .table th.width-13 { width: 13% !important; }
    .table th.width-14 { width: 14% !important; }
    .table th.width-15 { width: 15% !important; }
    .table th.width-16 { width: 16% !important; }
    .table th.width-17 { width: 17% !important; }
    .table th.width-18 { width: 18% !important; }
    .table th.width-19 { width: 19% !important; }
    .table th.width-20 { width: 20% !important; }
    .table th.width-22 { width: 22% !important; }
    .table th.width-25 { width: 25% !important; }
    .table th.width-30 { width: 30% !important; }
    .table th.width-35 { width: 35% !important; }
    .table th.width-40 { width: 40% !important; }
    .table th.width-45 { width: 45% !important; }
    .table th.width-50 { width: 50% !important; }
    .table th.width-55 { width: 55% !important; }
    .table th.width-58 { width: 58% !important; }
    .table th.width-60 { width: 60% !important; }
    .table th.width-65 { width: 65% !important; }
    .table th.width-70 { width: 70% !important; }
    .table th.width-75 { width: 75% !important; }
    .table th.width-80 { width: 80% !important; }
}
table.chiffres {
    width: 100%;
}
    table.chiffres tr td {
        /*padding:0 5px;*/
        white-space: nowrap;
        line-height: 1;
        padding: 0.15rem 0 !important;
    }
        span.chiffre {
            font-weight: bold;
            float: right;
        }

.badge {
    font-size: 0.9em;
    padding: 0.15rem 0.4rem 0.1rem;
    font-weight: 600;
}

ul.horizontal-list {
    list-style: none; 
    padding: 0;
    margin-top: 0.1rem;
    margin-bottom: 0.75rem;
}
    ul.horizontal-list li {
        display: inline-block;
    }
        ul.horizontal-list li .btn {
            margin: 0 3px !important;
        }
            ul.horizontal-list li .btn i {
                margin-right: 0 !important;
            }

.text-green { color: green !important; }
.text-red { color: red !important; }
.text-tc { color: brown !important; }
.align-right { text-align: right !important; }
.middle { vertical-align: middle !important; }