/* https://codepen.io/sosuke/pen/Pjoqqp */
body {
	font-family: 'Poppins', sans-serif !important;
	background: #f0f4f8;
	font-size: 0.8rem;
	font-weight: 400;
	color: #495057;
}

@media (min-width: 992px) {
.modal-lg {
    max-width: 900px;
}}
.div-hr {
	height: 1px;
}
.flex-even {
  flex: 1;
}

/* Texts */
/*********/
p {
	margin: 0;
}
a, a:hover, a:visited, a:active {
	color: #495057;
	text-decoration: none;
}
a.nav-mini-selected {
	color: #1f9bcf !important;
	font-weight: 500 !important;
}
.fw-bold {
	font-weight: 500 !important;
}
.text-muted {
	color: #6c757d !important;
}
.text-info {
	color: #1f9bcf !important;
}
.text-success {
	color: #4bbf73 !important;
}
.text-warning {
	color: #e5a54b !important;
}
.text-danger {
	color: #d9534f !important;
}
.text-gray {
	color: #adb5bd;
}
.modal-title {
	font-size: 1rem;
}
.modal-card-title {
	font-size: 0.8rem;
	margin: 0;
}
.external-link, .external-link:hover, .external-link:visited {
	color: #1f9bcf !important;
	text-decoration: none;
}

/* Navigation & Header */
/***********************/
.logo {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 1.3rem;
}
.logo-large {
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 2.3rem;
}
.isSticky {
	box-shadow: 0 .1rem .2rem rgba(0,0,0,.05)!important;
	border-bottom: 1px solid #dee6ed!important;
}
.badge {
	vertical-align: middle;
	font-weight: 600;
	margin-bottom: 2px;
}

/* Backgrounds */
/***************/
.bg-navbar, .bg-body {
	background-color: #f0f4f8 !important;
}
.bg-nav-hover {
	background-color: #e3e9ef;
}
.bg-nav-selected, .bg-badge {
	background-color: #1f9bcf;
}
.bg-dark {
	background-color: #063342 !important;
}
.bg-modal {
	background-color: #fafcff;
}
.bg-info {
	background-color: #e9f5ff !important;
}
.bg-warning {
	background-color: #fffdec !important;
}
.bg-danger {
	background-color: #ffece9 !important;
}
.bg-light {
	background-color: #eff2f6 !important;
}
.bg-highlight, .bg-menu {
	background-color: #f3f6f9;
}
.bg-divide {
	background-color: #dee2e6;
}
.bg-green {
	background-color: #d9ffe6;
}
.bg-red {
	background-color: #ffddd9;
}
.bg-progress-production {
	background-color: rgb(6, 51, 66, 0.7);
}
.bg-progress-transit {
	background-color: rgb(31, 155, 207, 0.7);
}
.bg-progress-success {
	background-color: rgb(75, 191, 115, 0.7);
}

/* Borders */
/***********/
.border-info {
	border-color: #1f9bcf !important;
}
.border-success {
	border-color: #4bbf73 !important;
}
.border-warning {
	border-color: #e5a54b !important;
}
.border-danger {
	border-color: #d9534f !important;
}
.border-dashed:not(:last-child) {
	border-bottom: 1px dotted #dee2e6;
}

/* shadows */
/***********/
.card {
	box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%);
}
.shadow-sm {
	box-shadow: 0 .1rem .2rem rgba(0,0,0,.05) !important;
}

/* Icons */
/*********/
.nav-button, .nav-mini-button, .nav-selected, .flag-button {
	width: 36px;
	height: 36px;
	stroke: currentColor;
	fill: none;
}
.icon-search {
	width: 18px;
	height: 18px;
	stroke: currentColor;
	fill: none;
}
.icon-filter {
	width: 14px;
	height: 14px;
	margin-bottom: 2px;
	stroke: currentColor;
	fill: none;
}
.icon-nav {
	width: 18px;
	height: 18px;
	stroke: currentColor;
	fill: none;
}
.icon-nav-selected {
	stroke: white;
}
.icon-nav-mini-selected {
	stroke: #1f9bcf;
}
.icon-std {
	width: 13px;
	height: 13px;
	margin-bottom: 2px;
	stroke: currentColor;
	fill: none;
}
.icon-modal, .icon-large {
	width: 17px;
	height: 17px;
	margin-bottom: 2px;
	stroke: currentColor;
	fill: none;
}
.icon-badge {
	background: rgba(255,255,255,0.9);
	width: 16px;
	height: 16px;
	padding: 2px;
	stroke: currentColor;
	fill: none;
}
.icon-modal-badge {
	background: rgba(255,255,255,0.9);
	width: 20px;
	height: 20px;
	padding: 2px;
	stroke: currentColor;
	fill: none;
}
.icon-flag {
	width: 18px;
	height: 18px;
	stroke: currentColor;
	fill: none;
}
.icon-info {
	stroke: #1f9bcf;
}
.icon-success {
	stroke: #4bbf73;
}
.icon-warning {
	stroke: #e5a54b;
}
.icon-danger {
	stroke: #d9534f;
}
.icon-muted {
	stroke: #6c757d;
}
.icon-flag-danger {
	stroke: #d9534f;
	fill: #d9534f;
}
.icon-filled-danger {
	stroke: #d9534f;
	fill: #ffc107;
}

/* Forms, Buttons & Dropdowns */
/*******************************/
.form-control, .form-control::placeholder, .form-select, .input-group-text, .btn, .dropdown-menu {
	font-size: 0.8rem;
	color: #495057;
}
button { /* reset */
    color: #495057;
    background: none;
    font: inherit;
		margin: 0;
    padding: 0;
    border: none;
}
::placeholder {
  color: #B9C2C7 !important;
}
.form-check-input {
	border: 1px solid rgba(73, 80, 87, 1);
}
.cchezvous {
	background-color: #eaf5ff;
	border: 1px solid rgba(31, 156, 208, 1);
}
.dropdown-toggle::after {
	content: none;
}
a.dropdown-item:active {
	color: #fff;
  background-color: #495057;
}
.btn-secondary {
	color: #fff;
  background-color: #063342;
  border-color: #063342;
}
.btn-secondary:hover {
  background-color: #495057 !important;
  border-color: #495057 !important;
}
.btn-warning {
	color: #fff !important;
}
.btn-danger {
	color: #fff !important;
}
.btn-outline-secondary {
	transition-property: none;
}
.btn-outline-secondary:hover {
	color: #fff !important;
	background-color: #063342 !important;
	border-color: #063342 !important;
}
.btn-outline-secondary:hover svg {
	stroke: white;
}
.btn-chevron svg {
	transition: all 0.3s ease;
}
.btn-chevron[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.btn-small {
	font-size: .875em !important;
}
.input-group-button:hover {
	background-color: #dee2e6 !important;
}

/* Timeline */
/************/
ul.timeline {
    list-style-type: none;
    position: relative;
    padding-left: 40px;
		margin: 0;
}
ul.timeline:before {
    content: ' ';
    background: #dee6ed;
    display: inline-block;
    position: absolute;
    left: 16px;
    width: 2px;
    height: 95%;
    z-index: 400;
    border-radius: 1rem;
}
li.timeline-item {
    margin: 15px 0;
}
li.timeline-item::before {
    content: ' ';
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #dee6ed;
    left: 7px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

/**/
.card-list-header {
	border-radius: .25rem .25rem 0 0;
}
.card-list {
	border-radius: 0;
}