html {
    background-image: url('/assets/img/bg-home-overlay.png');
    background-size: cover;
}

body {
    max-width: 1680px;
    margin: 0 auto !important; 
	float: none !important; 
    background-color: none !important;
    min-height: 95%;
    min-height: -webkit-fill-available;
}

.nav-link {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin: 0 1rem;
    margin-bottom: 1.5px;
    background: #292d32;
}

.nav-link i {
    font-size:20px;
}

.nav-item .nav-link:hover, .nav-item .nav-link.active {
    background-color: #acc90b;
} 

.nav-item .nav-link:hover>img {
    filter: brightness(0) invert(1);
}

/* style des inputs non rempli*/
.input-group.input-group-outline.is-beautiful-input .form-label  {
    width: 100%; 
    height: 100%; 
    font-size: 0.6875rem !important;
    color: #ff9800; 
    display: flex; 
    line-height: 1.25 !important;
}

.input-group.input-group-outline.is-beautiful-input .form-label+.form-control {
    border-color: #ff9800 !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #ff9800, inset -1px 0 #ff9800, inset 0 -1px #ff9800;
}

.input-group.input-group-outline.is-beautiful-input .form-label:before, .input-group.input-group-outline.is-beautiful-input .form-label:after {
    border-top-color: #ff9800;
    box-shadow: inset 0 1px #ff9800;
    opacity: 1;
}


/* style des inputs rempli*/
.input-group.input-group-outline.is-beautiful-input-filled .form-label  {
    width: 100%; 
    height: 100%; 
    font-size: 0.6875rem !important;
    color: #4CAF50; 
    display: flex; 
    line-height: 1.25 !important;
}

.input-group.input-group-outline.is-beautiful-input-filled .form-label+.form-control {
    border-color: #4CAF50 !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #4CAF50, inset -1px 0 #4CAF50, inset 0 -1px #4CAF50;
}

.input-group.input-group-outline.is-beautiful-input-filled .form-label:before, .input-group.input-group-outline.is-beautiful-input-filled .form-label:after {
    border-top-color: #4CAF50;
    box-shadow: inset 0 1px #4CAF50;
    opacity: 1;
}


.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    background-color: #acc90b !important;
    border-color:#acc90b!important;
    background: #acc90b!important;
}

/* style des inputs focused*/
.input-group.input-group-outline.is-beautiful-input-focused .form-label  {
    width: 100%; 
    height: 100%; 
    font-size: 0.6875rem !important;
    color: #344767; 
    display: flex; 
    line-height: 1.25 !important;
}

.input-group.input-group-outline.is-beautiful-input-focused .form-label+.form-control {
    border-color: #344767 !important;
    border-top-color: transparent !important;
    box-shadow: inset 1px 0 #344767, inset -1px 0 #344767, inset 0 -1px #344767;
}

.input-group.input-group-outline.is-beautiful-input-focused .form-label:before, .input-group.input-group-outline.is-beautiful-input-focused .form-label:after {
    border-top-color: #344767;
    box-shadow: inset 0 1px #344767;
    opacity: 1;
}

.form-control.selectpicker {
    appearance: auto;
    -webkit-appearance: auto;
}

#selector-container select {
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none; 
}

a.paginate_button.current {
    background-color: #acc90b !important;
}

.legendBC {
  
}

.file {
    opacity: 0;
    width: 0.1px;
    height: 0.1px;
    position: absolute;
  }
  
  .file-input label {
    display: block;
    position: relative;
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background: linear-gradient(40deg, #b7d70e, #a4c10d);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: transform .2s ease-out;
  }
  
  .file-name {
      margin: 0;
      font-size: 14px;
  }
  
  input:hover + label,
  input:focus + label {
    transform: scale(1.02);
  }
  
  input:focus + label {
    outline: 1px solid #000;
    outline: -webkit-focus-ring-color auto 2px;
  }


  .swal2-styled.swal2-confirm {
    border: 0 !important;
    border-radius: 0.25em !important;
    background: initial;
    background-color: #49a3f1 !important;
    color: #fff !important;
    font-size: 1em !important;
}

.divUploadDocument{
cursor:pointer;
}

.divUploadDocument>span{
color: white;
font-style: italic;
font-weight: 100;
}

.divUploadDocument:hover span{
    font-weight: 500 !important;
}

.borderCardEditVoiture{
    border-right: 1px solid #dedfe6; 
}