body { background-color: rgb(245, 247, 250); }
a { padding: 0; color: rgb(82, 91, 117); text-decoration: none; }
.btn-primary, .btn-primary:hover { background-color: rgba(27, 140, 154); border: rgba(27, 140, 154); }
*:not(i.fa) { font-family: "Nunito Sans", sans-serif; }
.input-group-text { height: 100%; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.cursor-pointer { cursor: pointer; }
.drag-handle { cursor: move; opacity: 0.6; }
.drag-handle:hover { opacity: 1; }
.dropify-wrapper .dropify-message span.file-icon { font-size: 22px!important; }
.dropify-wrapper .dropify-message span.file-icon::before { display: none; }
.form-check-input:checked { background-color: rgba(27, 140, 154); border-color: rgba(27, 140, 154); }
.center { text-align: center; }
.fa-check { color:#4DA761; }
.fa-times { color: #f76969; }
.yellow { color: #f76969; }

.badge { font-size: 12px; padding: 6px 8px; display: inline-block; text-align: center; vertical-align: baseline; white-space: nowrap; border-radius: 4px; color: #fff;  }
.badge-pill { border-radius: 10rem; }
.badge-success { background: #4DA761; border: 1px solid #4DA761; }
.badge-urgence { background: #f76969; border: 1px solid #f76969;  }
.badge-info { background: #5695de; border: 1px solid #5695de;  }
.badge-warning { background: #c3af25; border: 1px solid #c3af25;  }

.indent-0 { padding-left: 10px!important; }
.indent-1 { padding-left: 20px!important; }
.indent-2 { padding-left: 30px!important; }

/********************************** MODAL ********************************/
#modal-linked-articles .modal-dialog { width: 1000px; max-width: 1000px; }

/********************************** THEMES ******************************/
.themes {  }
.themes .theme { box-shadow: 0 1px 1px -1px rgba(0,0,0,.1); border: 1px solid #dcdcde; }
.themes .theme .theme-screenshot { display: block; overflow: hidden; position: relative; }
.themes .theme .theme-screenshot img { height: 200px; width: 100%; max-height: 200px; }
.themes .theme .theme-footer { padding: 15px; position: relative; }
.themes .theme.active .theme-footer { background-color: #096484; }
.themes .theme .theme-footer h2 { font-size: 15px; margin: 0; padding: 0; }
.themes .theme.active .theme-footer h2 { color: #fff; }
.themes .theme .theme-footer .theme-action { position: absolute; top: 15%; right: 2%; }
.themes .theme .theme-footer .theme-action a { font-size: 15px; }
.themes .theme .theme-footer .theme-action a.activate { border-color: rgba(27, 140, 154); margin-right: 10px; background: #fff; }
.themes .theme.active .theme-footer .theme-action a.activate { display: none; }
.themes .theme .theme-footer .theme-action a.preview { background: #e1a948; border-color: #e1a948; color: #fff; }

/********************************** FILTERS ******************************/
.filters { margin-bottom: 20px; }
.filters select { color: rgb(82, 91, 117); font-size: 13px;  }
.filters .filter-wrapper { display: flex; flex-wrap: nowrap; /* garde tout sur une seule ligne */ gap: 12px; /* espace entre les filtres */ align-items: center; }
.filters .filter-wrapper .form-group { margin: 0; /* retire les marges par défaut */ }
.filters .filter-wrapper select, .filters .filter-wrapper input[type="text"] { min-width: 180px; }
.filters input[type="text"] { height: 35px; padding: 3px 5px 4px 5px; border: none; border-bottom: 1px solid #ccc; }
#order-listing_wrapper .bottom { margin-top: 30px; font-size: 14px; color: rgb(82, 91, 117); } 

/********************************** NAV TABS ******************************/
.tabs { display: flex; list-style: none; margin: 10px 0; padding: 0; border: none; }
.tabs .tab-pane { display: none; opacity: 0; transition: opacity 0.6s ease-in-out;}
.tabs .tab-pane.active { display: block; }

.tabs .tab-item a {  padding: 5px 15px; font-size: 14px; font-weight: 700; }
.tabs .tab-item a:first-child { padding-left: 0; }
.tabs .tab-item a.active { color: rgba(27, 140, 154); border: none; border-bottom: 2px solid rgba(27, 140, 154); }

.card .tab-content ul { margin-left: 30px; }
.card ul { margin: 0 0 0 0; padding: 0; }
.card ul li { margin: 0 0 5px 0; }
.card ul li:last-child { margin-bottom: 0; }

/********************************** HEADER ******************************/
.header { background-color: #fff; display: flex; justify-content: space-between; align-items: center; height: 75px; padding: 5px 20px; position: fixed; top: 0; right: 0; left: 0; z-index: 1000; border-bottom: 1px solid #ccc; }
.header .logo {  }
.header .logo img { width: 70px; }
.header ul { margin: 0; padding: 0; list-style-type: none; display: inline-block; }
.header ul li a {  }

/********************************** SIDEBAR ******************************/
.sidebar { width: 225px; border-right: 1px solid #ccc; position: fixed; z-index: 1000; top: 75px; height: 100vh; background-color: #fff; }
.sidebar a i { display: inline-block; width: 25px; }

.sidebar .sidebar-collapse { padding: 30px 20px; display: flex; flex-basis: auto; flex-direction: column; flex-grow: 1;  }
.sidebar .sidebar-collapse ul { margin: 0; padding: 0; list-style-type: none; }
.sidebar .sidebar-collapse .sidebar-nav-item { padding: 0; margin: 0 0 30px 0; }
.sidebar .sidebar-collapse .sidebar-nav-item p { font-size: 14px; color: rgb(82, 91, 117);; }
.sidebar .sidebar-collapse .sidebar-nav-item .sidebar-nav-item-wrapper { margin-left: 15px; margin-bottom: 10px; }
.sidebar .sidebar-collapse .sidebar-nav-item .sidebar-nav-item-wrapper a { font-size: 14px; }

.sidebar .sidebar-footer { position: fixed; bottom: 0; border-top: 1px solid #ccc; padding: 15px 20px; width: 250px; display: flex;}
.sidebar .sidebar-footer button { border: none; background: #fff; color: rgb(82, 91, 117); padding: 0; margin: 0; }
.sidebar .sidebar-footer button i { margin-right: 7px; }

.content { min-height: 100vh; margin-left: 245px; margin-right: 20px; margin-top: 95px}
.content h2 { font-size: 19px; color: rgb(82, 91, 117); margin: 10px 0 20px 0; padding: 0; }
.content h2 i { margin: 0 10px; font-size: 15px; }

/********************************** SIDEBAR ******************************/
.table {  }
.table thead tr th { background-color: rgb(227, 230, 237); font-size: 14px; color: rgb(82, 91, 117); padding: 5px 10px; }
.table tbody tr td { font-size: 14px; color: rgb(82, 91, 117); vertical-align: middle; padding: 3px 10px!important; }
.table tbody tr td img.logo { width: 20px; margin-right: 5px; }
.table tbody tr td i { margin-right: 10px; }
.table tbody tr td a:last-child i { margin-right: 0; }
.table tbody tr:hover td { background-color: #eee; }

/********************************** FORMULAIRE ******************************/
.form .form-group .tips { font-style: italic; font-size: 13px; color: #555; }
.form .form-group { margin-bottom: 30px; }
input[type="text"] { font-size: 14px; }