@charset "UTF-8";

/*   BOOTSTRAP.CSS   */
body {
	--main-background-color: var(--color-theme);

	--bg-mode-1: #f1f1f1;
	--bg-mode-2: #fff;
	--bg-mode-color: #333;
	--bg-border: #e2e2e2;
}

.dropdown-sfd {
position: relative;
border: 2px solid var(--bg-border);
background: #1D77F200 0% 0% no-repeat padding-box;
border-radius: 8px;
padding: 4px 8px;
margin: 4px;
opacity: 1;
}

.fa-sort {
	position: relative;
}

.fa-sort::before {
	content: "\f0dc";
}

.fa-sort::after {
	content: '\f0dc';
	overflow: hidden;
	height: 8px;
	left: 0px;
	position: absolute;
}

.up.fa-sort::after {
	color: var(--color-theme);
}

.down.fa-sort::before {
	color: var(--color-theme);
}

body.dark {
	--bg-mode-1: #1E1E1E;
	--bg-mode-2: #262626;
	--bg-mode-color: #f1f1f1;
	--bg-border: #1E1E1E;
}

:root {
	--sfd: #43438a;
	--vert: #7aad21;
	--orange: #e8780c;
	--bleu: #039bd9;
	--rouge: #bf190a;
	--jaune: #e9c800;
	--fuschia: #c60272;
	--color-header: #333;
	--color-background: #333;
	--violet: #7A125D;
	--lightbleu: #03d2d9;
	--saumon: #bf3e4d;
}

body.sfd {
	--color-theme: #00d7a8ab !important;
	/* --color-header: var(--sfd);  */
	 --color-background: var(--sfd);
	/* --bg-border: #CCCBD6;  */
}

body.sfd .header {
	background-image: url("/img/home-banner-background.png") !important;
}

body.sfd .footer:not(.login-footer) {
	background-image: url("/img/home-banner-background.png") !important;
}

.bvs {
	background-image: url('/custom/home-banner-background.png'), url("/img/home-banner-background-video.png") !important;
}

body .footer:not(.login-footer) {
	background: var(--color-background);
}

.nav-pills > li > a {
	background: var(--color-background);
}

.sidebar .navbar-nav > li .anav {
	border-left: 5px solid var(--color-theme);
}

.vue-slider-process {
	background-color: var(--color-theme) !important;
}

a:hover,
a:focus {
  color: var(--color-theme);
}
.text-primary {
  color: var(--color-theme);
}
a.text-primary:hover,
a.text-primary:focus {
  color: var(--color-theme);
}
.bg-primary {
  background-color: var(--color-theme);
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: var(--color-theme);
}
.list-inline > li a:hover {
    color: var(--color-theme);
}
.table i {
  color:var(--color-theme);
}
.table i:hover {
  color:var(--color-theme);
}
.form-control:hover {
  border: 1px solid var(--color-theme);
}
.form-control:focus {
  border: 1px solid var(--color-theme);
}
.form-control.search {
	border-left: 3px solid var(--color-theme);
  }
.btn-default {
  border: 1px solid var(--color-theme);
}
.btn-primary {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
.btn-primary:hover {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: var(--color-theme);
}
.btn-primary .badge {
  color: var(--color-theme);
}
.btn-link {
  color: var(--color-theme);
}
.navbar .nav > div.dropdown.open .dropdown-menu:after {
  border-bottom-color: var(--color-theme);
}
.navbar .nav > div.dropdown.open .dropdown-menu {
    border-top: 3px solid var(--color-theme);
}
.dropdown-menu > .active > button,
.dropdown-menu > .active > button:hover,
.dropdown-menu > .active > button:focus {
  background-color: var(--color-theme);
}
.dropdown-header strong {
  color: var(--color-theme);
}
.nav-pills > li > a:hover {
  background-color: var(--color-theme);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: var(--color-theme);
}
.tab-content {
  border-top: 2px solid var(--color-theme);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: var(--color-theme);
}
.navbar-default .navbar-nav > .active > a.anav,
.navbar-default .navbar-nav > .active > a.anav:hover,
.navbar-default .navbar-nav > .active > a.anav:focus {
  background-color: var(--color-theme);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--color-theme);
  border-color: var(--color-theme);
}
.label-primary {
  background-color: var(--color-theme);
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: var(--color-theme);
}
.close:hover,
.close:focus, .close.serie:hover, .close.serie:focus {
  color: var(--color-theme);
}
.modal a:hover, .modal a:focus {
    color: var(--color-theme);
}
.modal-header {
	border-top: 3px solid var(--color-theme);
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: var(--color-theme);
}
/*   CHOSEN.CSS   */

.chosen-container .chosen-drop {
    border: 1px solid var(--color-theme);
    border-top: 0;
}
.chosen-container-single .chosen-search input[type="text"] {
  border: 1px solid var(--color-theme);
}
.chosen-container .chosen-results li.highlighted {
  background-color: var(--color-theme);
}

.chosen-container-multi .chosen-choices li.search-choice {
  border: 0 solid var(--color-theme);
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  border: 0 solid var(--color-theme);
}
.chosen-container-active .chosen-single {
  border: 1px solid var(--color-theme);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid var(--color-theme);
}
.chosen-container-active .chosen-choices {
  border: 1px solid var(--color-theme);
}
/*   STYLES.CSS   */

::-webkit-scrollbar-thumb {
    background-color: var(--color-theme);
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-theme);
}
::scrollbar-thumb {
    background-color: var(--color-theme);
}
::scrollbar-thumb:hover {
    background-color: var(--color-theme);
}
.success {
    color: var(--color-theme);
}
a {
	color: var(--color-theme);
}
a:hover, a:focus {
	color: var(--color-theme);
}

input:checked + .checkbox,
input:checked + .radio {
  border: 2px solid var(--color-theme);
}

input:not([disabled]):hover + .checkbox,
input:not([disabled]):hover + .radio {
  border-color: var(--color-theme);
}
input:focus + .checkbox,
input:focus + .radio {
  border-color: var(--color-theme);
}
input:focus + .radio:before {
  background: var(--color-theme);
}
input:focus + .checkbox:before {
  border-color:var(--color-theme);
}

input:hover + .checkbox,
input:hover + .radio {
  border-color: var(--color-theme);
}
input:checked + .checkbox,
input:focus + .checkbox,
input:checked + .radio,
input:focus + .radio {
  border-color: var(--color-theme);
}
input:checked + .radio:before,
input:focus + .radio:before {
  background: var(--color-theme);
}
input:checked + .checkbox:before,
input:focus + .checkbox:before {
  border-color: var(--color-theme);
}

.sidebar .navbar li a.anav:hover {
    background-color: var(--color-theme);
  }
.sidebar .navbar-nav > li > a.anav {
	border-left: 3px solid var(--color-theme);
  }
.tri-title {
	border-left: 3px solid var(--color-theme);
  }

#showcase>div .text a:hover {
	color: var(--color-theme);
}

#showcase>div.selected {
	background: var(--color-theme);
}
#showcase>div:hover.selected {
	background: var(--color-theme);
}
#showcase>div:hover.selected .text {
	background: var(--color-theme);
}
.ref {
	border-right: 3px solid var(--color-theme);
}
.puce  li:before {
	color: var(--color-theme);
}


.fa.selected{
    color: var(--color-theme);
}

.selected{
	background-color: var(--color-theme) !important;
	color: #fff !important;
	--data-color: #fff !important;
}

.selected td h1 {
	color: #fff !important;
}

div.dropdown.open .dropdown-menu::after{
    border-bottom-color: var(--color-theme);
}

div.dropdown.open .dropdown-menu {
    border-top: 3px solid var(--color-theme);
}

.irs-bar {
    border-top: 1px solid var(--color-theme);
    border-bottom: 1px solid var(--color-theme);
    background: var(--color-theme);
}

.irs-from, .irs-to, .irs-single {
    border: 1px solid var(--color-theme);
    background: var(--color-theme);
}

.active-bg {
    background: var(--color-theme);
}

.vue-slider-dot-tooltip-inner {
	border-color: var(--color-theme) !important;
  	background-color: var(--color-theme) !important;
}

/* .badge-num {
	background-color: var(--color-theme) !important;
}

.pict {
	background-color: var(--color-theme) !important;
}

.badge {
	background-color: var(--color-theme) !important;
} */