/* Main elements style */
* { font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
.main-content { margin-left: -30px !important; } /* CSS Fix for the sidebar */
.main-page { margin-bottom: 100px; }
body { overflow-x: hidden; }
.mg-top-50 { margin-top: 50px; }
.product-infos { padding-top: 20px; }
.product-infos p, .stores-infos p { line-height: 1em; }
.highlight { font-size: 1.5em; }
@media screen and (max-width: 576px) {
    .highlight { font-size: 1.1em; }
}
.badge-notif { position: relative; top: -1em; left: 0.1em; }
.emoji-highlight { font-size: 2em; }
footer { background-color: #212121; padding:20px;}

h1.page-title { font-size: 2em; line-height: 2em; font-weight: 600; padding: 10px; }
.section-title { font-size: 1.1em; line-height: 1.5em; text-transform: uppercase; border-left: 3px solid #e1e1e1; padding-left: 10px; margin-bottom: 20px; }
a { text-decoration: none; color: inherit; }
a:hover, a:focus { text-decoration: underline; color: inherit; }

table > thead > tr > th { text-transform: uppercase; font-size: 0.9em; font-weight: 600; }
td a { color: #3a718c; }
td a:hover, td a:focus { text-decoration: underline; color: inherit; }
.table-listing, .table-prices-extract { border: 1px solid #e1e1e1 !important; }
.listing .list-inline-item:nth-child(1n+2) { margin-left: -2em; }

.profile-logo { max-height: 130px; border: 3px solid #ffffff; }
.user-sm-profile { height: 50px; border: 3px solid #e1e1e1; }

.btn-blue { background-color: #3a718c; color: #ffffff; font-weight: 400; }
.btn-pink { background-color: #f0bebe; color: #ffffff; font-weight: 400; }
.btn-pink:hover, .btn-pink:hover, .btn-blue:hover, .btn-blue:hover { opacity: 0.8; transition: 0.3s; }

/* Sidebar (template : https://startbootstrap.com/template-overviews/simple-sidebar) */
.sidebar-header p { color: #FFF; margin-top: 30px; }
.sidebar-sticky { width: 250px; position: sticky; top: 0; height: 100vh; overflow-x: hidden; overflow-y: auto; background-color: #5ea3a6; padding: 50px 10px 0 10px; }
.sidebar-sticky .flex-column { flex-direction: column !important; }
.sidebar-sticky li a { font-weight: 400; line-height: 2em; color: #ffffff; border-bottom: 1px solid rgba(0,0,0,.125); }
.sidebar-sticky li .menu-item { margin-left: 10px; }
.sidebar-sticky a, .sidebar-sticky a:hover, .sidebar-sticky a:focus, .sidebar-sticky a:visited { color: #ffffff !important; text-decoration: none; }
#sidebar-wrapper { min-height: 100vh; margin-left: -250px; -webkit-transition: margin .25s ease-out; -moz-transition: margin .25s ease-out; -o-transition: margin .25s ease-out; transition: margin .25s ease-out; }
#page-content-wrapper { min-width: 100vw; }
#wrapper.toggled #sidebar-wrapper { margin-left: 0; }
@media (min-width: 768px) {
    #sidebar-wrapper { margin-left: 0; }
    #page-content-wrapper { min-width: 0; width: 100%; }
    #wrapper.toggled #sidebar-wrapper { margin-left: -250px; }
}

/* Login Page */
.login-page { background-color: #5ea3a6; color: #ffffff; min-height: calc(100vh - 80px); }
.login-form { padding-top: 30px; padding-bottom: 30px; }
.login-form input { border-radius: 15px; box-shadow: 0; outline: 0; border: 0; }

/* Overview Page */
.overview-kpi .card { min-height: 250px; margin-bottom: 30px; }

/* Datatables.net CSS fixes */
table.dataTable thead th, table.dataTable thead td { border: 0 !important; }
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_paginate ul.pagination { font-size: 0.8em; padding: 0; }

/* Colors Palet :: https://www.palettelist.com/36d8b7/ffe272
pink : #f0bebe;
green : #5ea3a6;
blue : #3a718c;
yellow : #ffffdf;
text dark grey : #212121;
text grey : #757575;
divider : #BDBDBD;
icon : #000000;
*/