.deal {
    background-color: #FF6E00;
}
body {
    background-color: #2B2A33;
}

.nav-link:hover {
    background-color: #525252 !important
}

.nav-link .fa {
    transition: all 1s
}

.nav-link:hover .fa {
    transform: rotate(360deg)
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
  }

.form-floating {
  margin: auto;
  color:#2B2A33;
}

  .form-signin .checkbox {
    font-weight: 400;
  }
  
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }

  .svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    vertical-align: middle;
    overflow: hidden;
    }

.color_ifm{
  color: #FF6E00;
}

.border_ifm{
  border-bottom: 1px solid #FF6E00;
}

.btn_ifm{
  margin-top : 20px;
  color: white;
  background-color: #FF6E00;
  font-size: 14px;
}

.btn_ifm:hover{
  margin-top : 20px;
  color: white;
  background-color: #FF6E00;
  font-size: 14px;
  
}

#settingcontainer
    {
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 1px;
    }
.inputsetting {
  background-color: #1A2226;
  border: none;
  border-bottom: 2px solid grey;
  border-top: 0px;
  border-radius: 0px;
  outline: 0;
  margin-bottom: 20px;
  padding-left: 0px;
  color: #ECF0F5;
  width: 70%;
  height: 40px;
  font-size: 16px;
  text-align: right;
}
.inputsetting:focus{
  border-bottom: 2px solid #FF6E00;
}

.labelsetting {
  font-size: 14px;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
-webkit-appearance: none;
margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
-o-appearance: none;
margin:0
}

/* Box pour les metadata des graphiques*/
.boxmetadata{
    opacity: 0.5;
    /* position: absolute; */
    font-size: 16px;
    margin-top: 5px;
    margin-left : 100px;
    background-color:#212529;
    /* width: 240px */
}

.modal-content {
  background-color: #212121
}