body{
 min-height: 100vh;
 color: rgba(18, 56, 40, 1);
}

a {
 color: rgba(18, 56, 40, 1)
}
/*
* Background
*/
.bg-dark-green,
.btn.bg-dark-green:hover,
.btn.bg-dark-green:focus
{
	background-color: rgba(18, 56, 40, 1);
}

.bg-light-green{
	background-color: rgba(242, 251, 243, 1);
}

.bg-light-success{
	background-color: rgba(243, 251, 242, 1)!important;
}

.bg-light-danger{
	background-color: rgba(255, 242, 241, 1)!important;
}

.bg-light-info{
	background-color: rgba(228, 252, 253, 1)!important;
}

.bg-light-warning{
	background-color: rgba(253, 248, 231, 1)!important;
}

.bg-brand {
	background-color: rgba(255, 110, 105, 1)
}

/*
* Border
*/
.border-lavender {
	border-color: rgba(110, 110, 247, 1) !important;
}

/*
* Text
*/
.text-dark-green{
	color: rgba(18, 56, 40, 1);
}
.text-light-green{
	color: rgba(242, 251, 243, 1);
}
.text-lavender{
	color: rgba(110, 110, 247, 1)
}
.text-success{
	color: rgba(55, 156, 48, 1)!important;
}

.fs-12{
	font-size: 12px;
}

.fs-14{
	font-size: 14px;
}

/*
* Buttons
*/
.btn-dark-green{
	background-color: rgba(18, 56, 40, 1);
	color: white;
}

	.btn.btn-dark-green:focus-visible,
	.btn.btn-dark-green:first-child:active,
	.btn.active.btn-dark-green, .btn.show.btn-dark-green,
	.btn-dark-green:hover, .btn.btn-dark-green.show{
		border-color: rgba(242, 251, 243, 1);
		background-color: rgba(242, 251, 243, 1);
		color: rgba(18, 56, 40, 1)!important;
	}

	.bg-dark-green .nav-pills .nav-link.active{
		color: rgba(18, 56, 40, 1)!important;
		background-color: rgba(242, 251, 243, 1);
	}
	
.btn.bg-light-green:hover{
	background-color: rgba(18, 56, 40, 1);
	color: white!important;
}

.btn.rounded-pill{
	display: inline-flex;
    height: 48px;
    align-items: center;
    justify-content: start;
	/* padding-right: 15px!important; */
	line-height: 1.2;
}
.btn.rounded-pill .bi{
	width: 40px !important;
	min-width: 40px !important;
	height: 40px !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.btn.btn-sm.rounded-pill{
	display: inline-flex;
    height: 36px;
}
.btn.btn-sm.rounded-pill .bi{
	width: 30px !important;
	min-width: 30px !important;
	height: 30px !important;
}

label.btn.rounded-pill{
	height: 32px!important;
}

label.btn.rounded-pill .bi{
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
}

/*
* Pills
*/
.pill-danger{
	background: rgba(255, 226, 225, 1)
}

.pill-warning{
	background: rgba(255, 241, 213, 1)
}

.pill-info{
	background: rgba(226, 242, 252, 1)
}

.pill-success{
	background: rgba(227, 247, 225, 1)
}
.pill-lavender{
	background: rgba(230, 230, 250, 1)
}
.nav-underline .nav-link.active{
	color: rgba(55, 171, 73, 1);
	font-weight: normal;
}

.nav-underline .nav-link{
	color: rgba(109, 109, 109, 1);
}

/*
* Datatable
*/
table.dataTable thead>tr>th {
	color: rgba(18, 56, 40, 1);
}
.dataTable thead th{
	background: rgba(244, 244, 244, 1);
	color: rgba(18, 56, 40, 1);
}
	
.dataTable thead th:first-child{
	border-radius: 20px 0 0 20px;
}
.dataTable thead th:last-child{
	border-radius: 0 20px 20px 0;
}
.dataTable:not(.table-sm) td{
	padding: 20px
} 
.dataTable th{
	padding: 10px
} 
.dataTable .dt-column-title{
	font-weight: lighter;
}

.dataTable tbody tr{
	border-bottom: 2px solid rgba(233, 232, 232, 1);
}

table.dataTable thead .dt-column-order {
  top: 0.18em !important;
  right: auto !important;
  font-family: 'bootstrap-icons' !important;
  font-size: 1.3em !important;
  line-height: 1 !important;
  margin-left: 5px !important;
}

table.dataTable thead>tr>th span.dt-column-order:after{
	content: ""!important;
}

table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc span.dt-column-order:before{
	content: "\F127"!important;
	font-family: bootstrap-icons !important;
		color: rgba(18, 56, 40, 1);

}

table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc span.dt-column-order:before {
	opacity: 1;
	content: "\F148"!important;
	font-family: bootstrap-icons !important;
	color: rgba(18, 56, 40, 1);

}

table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc.dt-ordering-desc span.dt-column-order:before {
	opacity: 1;
	content: "\F128"!important;
	font-family: bootstrap-icons !important;
	color: rgba(18, 56, 40, 1);

}

table.dataTable th.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-date div.dt-column-footer{
	flex-direction: row;
}

table.dataTable td.dt-control:before{
	content: "\F4FA";
	font-family: bootstrap-icons !important;
	border: none;
}

table.dataTable tr.dt-hasChild td.dt-control:before{
	content: "\F2E6";
	font-family: bootstrap-icons !important;
	border: none;
}

table.dataTable tr.dt-hasChild{
	border-bottom: none;
}
table.dataTable tr[data-dt-row]{
	border-bottom: 2px solid rgba(233, 232, 232, 1);
}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
	border: none;
	content: '\F4FA';
	font-family: 'bootstrap-icons';
}

table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before{
	border: none;
	content: '\F2E6';
	font-family: 'bootstrap-icons';
}


table.dataTable tr[data-dt-row]{
	border: none
}

@media screen and (max-width: 768px) {
	.dtr-inline thead,
	.dtr-control{
		display: none
	}
}

table.dataTable>tbody>tr.child{
	border-bottom: 2px solid rgba(233, 232, 232, 1);
	margin-bottom: 10px!important;
}

.dataTable .child td{
	padding: 2px;
}

.dataTable tr.child[data-dt-row="1"] td.child{
	padding-bottom: 20px;
}

.dataTable tr.child:not([data-dt-row="1"]) td.child{
    padding: 20px 0;
}

/*
* Bootstrap
*/
.tooltip-inner {
    max-width: 500px;
}

#btn-menu-user.dropdown-toggle::after {
	display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    content: "\F282";
    font-family: bootstrap-icons !important;
    border: 0;
    font-size: 1.2em;
}

@media screen and (min-width: 768px) {
	#btn-menu-user.dropdown-toggle::after {
		margin: 0 10px;
		font-size: 1em;
	}
}

a.text-success:hover{
	color: #000!important;
}

.modal-backdrop{
   backdrop-filter: blur(10px);
   background-color: rgba(0, 0, 0, 0.1);
}
.modal-backdrop.in{
   opacity: 1 !important;
}

.dropdown-menu a:focus,
.dropdown-menu a:active {
	background-color: rgba(18, 56, 40, 1);
	color: #fff;
}

.form-select:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-check-input:checked {
    background-color: rgba(55, 171, 73, 1);
    border-color: white;
    border-style: double;
    border-width: 3px;
}

.form-switch .form-check-input:checked {
    border:  none;
}

.form-switch .form-check-input{
	height: 24px;
	width: 45px;
}

.form-check-input:checked[type=radio] {
	--bs-form-check-bg-image: none;
}

.was-validated .form-check-input:valid:checked {
    border-color: white;
}

/**/
.input-group .dropdown-menu{
	margin-top: 35px;
}

form.needs-validation input.disabled {
  pointer-events: none;
  background-color: #e9ecef;
  opacity: 1;
}

/*
* UI
*/
#acces-rapides{
	position: fixed;
    top: auto;
    bottom: 0;
    margin-bottom: 20px;
    border: 0;
    right: 0;
    left: 0;
}
#btn-acces-rapides{
	border-color: rgba(18, 56, 40, 1); 
}
#btn-acces-rapides.opened .closed,
#btn-acces-rapides .opened{
	display: none;
}
#btn-acces-rapides.opened{
	border-radius: 0 0 var(--bs-border-radius-xxl) var(--bs-border-radius-xxl) !important;
}
#btn-acces-rapides.opened .opened{
	display: block;
}
@media screen and (max-width: 992px) {
	#acces-rapides .container-fluid{
		border-bottom-right-radius: 0!important;
		border-bottom-left-radius: 0!important;
	}
}

@media screen and (min-width: 992px) {
	#acces-rapides {
		position: relative;
		/*max-height: calc(100vh - 30px);*/
        height: calc(100vh - 30px);
	}
}

/* ENQUETES */
.menu-pill{
	display: inline-flex;
	overflow-x: auto;
	max-width: 100%;
}
@media screen and (min-width: 992px) {
	#menu-questionnaires {
		overflow-x: hidden;
	}
}

.btn-check:checked+.btn.pill-danger {
    background-color: rgba(255, 226, 225, 1);
    border-color: red;
}

.btn-check:checked+.btn.pill-warning {
    background-color: rgba(255, 226, 225, 1);
    border-color: red;
}

.btn-check:checked+.btn.pill-warning {
	background: rgba(255, 241, 213, 1);
	border-color: rgba(var(--bs-warning-rgb), 1) !important;
}

.btn-check:checked+.btn.pill-info{
	background: rgba(226, 242, 252, 1);
	border-color: rgba(var(--bs-info-rgb), 1) !important;
}

.btn-check:checked+.btn.pill-success{
	background: rgba(227, 247, 225, 1);
	border-color: rgba(var(--bs-success-rgb), 1) !important;
}


/* ENQUETE */

.form-check:not(.form-switch):has(.form-check-input:checked) {
  background-color: rgba(242, 251, 243, 1)!important;
  border-color: rgba(55, 171, 73, 1)!important;
}

form.was-validated .has-validation:has(.form-check-input:invalid) .invalid-feedback,
form.was-validated .has-validation:has(.form-select:invalid) .invalid-feedback,
form.was-validated .has-validation:has(.form-control:invalid) .invalid-feedback {
  display: block
}

.form-check .form-check-input {
    margin-left: 0;
    margin-right: 0.5em;
}

form.was-validated:has(:invalid) .error-validation{
	display: block!important;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: none;
}


#menu-questionnaire{
	overflow-x: auto;
}
#menu-questionnaire .nav-link {
	background: rgba(242, 251, 243, 1)!important;
	color: rgba(18, 56, 40, 1);
}
#menu-questionnaire .nav-link.disabled{
	background: rgba(244, 244, 244, 1)!important;
	color: rgba(109, 109, 109, 1);
}
#menu-questionnaire .nav-link.active{
	background: rgba(55, 171, 73, 1)!important;
	color: white;
}

@media screen and (min-width: 992px) {
	#menu-questionnaire {
		overflow-x: hidden;
	}
}

/* SELECT */
.select2.select2-container--bootstrap {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border-radius: var(--bs-border-radius-pill) !important;
}
.select2-container.select2-container--bootstrap .select2-dropdown {
	max-height: 60vh;
	overflow-y: auto;
}
.select2-container.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
    display: none;
}

/* TOAST */
#body_toast_container {
	position: fixed;
}

/* I18N */

[data-i18n],
[data-i18n-placeholder],
[data-src] {
    opacity: 0;
    transition: opacity 0.1s ease-in;
}

[data-i18n].translated,
[data-i18n-placeholder].translated,
[data-src].translated {
    opacity: 1;
}