.bg-maron{
  background: #6e4c4b; /*6A5A5B */
	color: #fff; 
}
.bg-maron a:hover,.bg-maron button:hover,.bg-maron .nav-pills .nav-link,.bg-maron .nav-pills .nav-link:hover{
	color: #fff; 
}
.bg-blue{
  background: #007bff;/*#6e4c4b; 6A5A5B */
	color: #fff; 
}
.bg-blue a:hover,.bg-blue button:hover,.bg-blue .nav-pills .nav-link,.bg-blue .nav-pills .nav-link:hover{
	color: #fff; 
}

#tableau, #tableau1, #tableau2, #tableau3, #tableau4{
	width: 100% !important;
	margin-top: 1.25rem
}
.nav-header {
	text-transform: uppercase
}
.main-header {
	margin-bottom: 1rem
}
div.dataTables_wrapper div.dataTables_info {
	padding-top: 0;
}
.popover-header {
	color: #fff;
	background: var(--info)
}
.left-side{
	padding: 80px
}
.right-side {
  padding: 80px 50px;
	background: #fff
}
.btn-app {
	color: #fff !important;
	font-size: 1rem;
	min-width: 46%;
	height: 100px;
}
.btn-app>.fa,  .btn-app>.fab,  .btn-app>.fad,  .btn-app>.fal,  .btn-app>.far,  .btn-app>.fas,  .btn-app>.ion,  .btn-app>.svg-inline--fa {
	font-size: 36px;
}
.acronyme {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 600;
}
.no-hpadding{
	padding: 1.25rem 0 !important;
}
.with-hpadding{
	padding-left: 1.25rem !important;
	padding-right: 1.25rem !important;
}
.dataTables_info, .dataTables_length{
	padding-left: 1.25rem !important;
}
.dataTables_filter{
	padding-right: 1.25rem !important;
}
.dt-buttons{
	padding-left: 1.25rem !important;
	padding-bottom:20px;
}
.card-warning:not(.card-outline)>.card-header, .card-warning:not(.card-outline)>.card-header a {
    color: #fff;
}
.bg-gradient-warning>.card-header .btn-tool, .bg-warning>.card-header .btn-tool, .card-warning:not(.card-outline)>.card-header .btn-tool {
    color: rgba(255, 255, 255, .8);
}
.bg-gradient-warning>.card-header .btn-tool:hover, .bg-warning>.card-header .btn-tool:hover, .card-warning:not(.card-outline)>.card-header .btn-tool:hover {
    color: #fff;
}

fieldset{
 border: 1px solid #ccc;
 padding: 1rem 1rem 0.5rem 1rem;
 margin: 1rem 0 1.5rem 0;
 background: #f8f9fa
}
fieldset legend{       
 font-size: 1.2rem;
 font-weight: 700;
 transform: translatey(-50%);
  width: max-content;
  line-height: 0;
 padding: 0 1rem;
 background: #fff
}

.bg-warning .modal-title{       
 color: #fff
}
.pt-4-5, .py-4-5 {
    padding-top: 2rem!important;
}

.avatar{
  width: 4rem  
}

.card-info:not(.card-outline)>.card-header a.active, .card-success:not(.card-outline)>.card-header a.active{
    color: #fff;
}
.text-long{
  overflow: hidden;
  min-height: calc(2.25rem + 2px);
  height: fit-content;
}

.time-sch-section-container, .time-sch-section-row {
    height: 60px !important;
} 
.time-sch-button {
    height: 30px !important;
}
.time-sch-button.time-sch-time-button-goto, .time-sch-button.time-sch-time-button-today {
    border-radius: 0;
}
.item-status-warning{
  color: #fff;
  background-color: #f5b759 !important;
}
.item-status-info{
  color: #fff;
  background-color: #1E90FF !important;
}
.item-status-primary{
  color: #fff;
  background-color: #0948B3 !important;
}
.item-status-success{
  color: #fff;
  background-color: #05A677 !important;
}
#ui-datepicker-div{
  background: #fff;
  padding: 10px;
  border: 1px solid #E1E1E1;
}

.img-vehicule {
    object-fit: cover;
    width: 100%;
    height: 150px;
}

.white{
  color: #fff;
}

textarea.form-control{
  height: 100px
}

.note-editor .note-editing-area{
  height: 200px !important
}
.btn-maron {
    color: #fff;
    background-color: #6e4c4b;
    border-color: #6e4c4b;
}
.btn-blue {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}.btn-blue:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-maron:hover {
    color: #fff;
    background-color: #6e4c4b;
    border-color: #6e4c4b;
}
div.dataTables_wrapper div.dataTables_length select{
    width: auto;
    display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}
div.dataTables_wrapper div.dataTables_filter label{
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}