@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@800&display=swap');

body, body.admin-login, body.installer{
	font-family: 'Nunito Sans', sans-serif;
	background-color: #ffffff;	
}

.radio input, .checkbox input {
    width: 1rem;
    height: 1rem;
}

label {
	font-weight: bold;
}

.fa, .fas {
    font-size: 14px;
}

[data-toggle="collapse"] .fas:before {  
  content: "\f077";
}

[data-toggle="collapse"].collapsed .fas:before {
  content: "\f078";
}

header {
    border-bottom: none;
}

.bg-purple{
    color: #ffffff;
    background: #372F9D;	
}

.bg-blue{
    color: #ffffff;
    background-color: #0866C6;	
}

.bg-light{
    color: #0866C6;
    background-color: #ffffff;	
}

.btn-success {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d;
}

.btn-success:hover {
    color: #fff;
    background-color: #31a66a;
    border-color: #2e9d64;
}

.btn-primary {
    color: #fff;
    background-color: #3f6ad8;
    border-color: #3f6ad8;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2955c8;
    border-color: #2651be;
}

.btn-outline-primary {
    color: #3f6ad8;
    border-color: #3f6ad8;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #3f6ad8;
    border-color: #3f6ad8;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-success {
    color: #3ac47d;
    border-color: #3ac47d;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #3ac47d;
    border-color: #3ac47d;
}

.actions .btn, .card-buttons .btn {
    margin-right: 8px;
}

header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
}

#wrap {
    background: #ffffff;
}

.nav-sidebar, .bs-sidebar {
    font-family: inherit;
	width: 220px;
}

.nav-sidebar .sub-nav {
    width: 220px;
}

.navbar-dark .navbar-brand {
	font-family: 'Exo', sans-serif;
    color: #333;
    font-size: 2rem;
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #3f6ad8;
}

.navbar-dark .nav>li>a {
}

.navbar-dark .navbar-nav .nav-link {
    color: #333;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #3f6ad8;
}

nav, .bg-black{
	color: #333;
    background-color: #fff;
}

.nav-sidebar .sidebar-item span {
    margin: 0 8px 0 12px;
}

.bs-sidebar nav .nav>li>a, .nav-sidebar .bg-black .nav>li>a {
    display: block;
    color: #343a40;
    text-decoration: none;
    border-bottom: none;
    line-height: 2.4rem;
    height: 2.4rem;
	padding: 0 1.5rem 0 1rem;
    border-radius: .25rem;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0;    
}

.bs-sidebar nav .nav>li>a:hover, .nav-sidebar .bg-black .nav>li>a:hover {
    background: #e0f3ff;
    text-decoration: none;
	color: #3f6ad8;
}

.nav-sidebar .sidebar-item.dropdown-open {
	font-weight: bold;
}

.nav-sidebar .bg-black .sub-nav {
    background: #fff;
}

.nav-sidebar .bg-black .sub-nav a.current {
    background: #e0f3ff;
    text-decoration: none;
	color: #3f6ad8;
    font-weight: bold;
}

.nav-sidebar .bg-black .sub-nav .sub-nav .sidebar-item.current {
    background: #e0f3ff;
    text-decoration: none;
	color: #3f6ad8;
    font-weight: bold;
}

.nav-sidebar .bg-black .sub-nav .sub-nav .sidebar-item.current:hover {
    color: inherit;
}

.nav-sidebar .dropdown-submenu>a:after {
    margin-top: 13px;
}

.nav-tabs .nav-link {
    font-size: 1.2rem;
}

.nav-tabs .nav-link.active, .nav-tabs .breadcrumb li.nav-link:last-child, .breadcrumb .nav-tabs li.nav-link:last-child, .nav-tabs .nav-item.show .nav-link{
	font-weight: bold;
}

.nav-tabs {
    margin: 20px 0 10px 0;
}

.card-header {
    font-size: 1.2rem;
    font-weight: bold;
}

.card-header .fa {
    margin-right: 5px;
}
	
.form-inline .btn, .form-inline .form-control {
    margin: 2px 10px 2px 0;
}

.form-inline .select2-container--bootstrap {
    margin-right: 10px;
}

.form-import{
	background-color: #eee;
	padding: 20px;
	border-radius: 5px
}

body.admin-login #wrap, body.installer #wrap {
    margin-top: 0;
    background-color: #f1f4f6;
}

.table-striped tbody tr:nth-of-type(odd){
	background-color:rgba(0,0,0,0.05)
}

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

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    background-color: #999;
    color: #fff;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    border: 1px solid #999;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

.flux-partenaire-title{
	font-weight: bold;
}

.flux-partenaire-description{
	color: #888;
}

.table-offer tr td:last-child {
	width: 100px;
}

a.action.valider{
	color: #28a745;
}

a.action.associer{
	color: #17a2b8;
}

a.action.refuser{
	color: #dc3545;
}

a.action.reinitialiser{
	color: #ffc107;
}

#searchFilter .selectize-input.full.has-items{
	color: #3f6ad8;
	background-color: #e0f3ff;
}

.scaffold-action-edit{
	margin-bottom: 40px;
}

.bs-sidebar nav .nav>li>a, .nav-sidebar .bg-black .nav>li>a{
	line-height: 2.8rem;
    height: 2.8rem;
} 

.bs-sidebar nav .nav>li>a.active, .nav-sidebar .bg-black .nav>li>a.active{
	background: #e0f3ff;
	text-decoration: none;
	color: #3f6ad8;
	font-weight: bold;
}

.search-filters .form-inline .form-control input, .search-filters .form-inline .form-control select {
    min-width: auto !important;
}

.search-filters .form-inline .form-control {
    min-width: 150px !important;
}

.form-inline .search-modal{
    display: block;
    width: 100%;	
}

.search-filters input[name="q"]{
    display: block;
    width: 50%;	
}

.selectize-control.single .selectize-input:after {
	right: 5px;
}

#product-image{
	max-height: 360px;
    border: 1px #CCC solid;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0;	
}

.product-active{
	color: #28a745;
}

.product-inactive{
	color: #dc3545;
}