:root {
  --mainColor: #000000; 
}
/* rouge = #e10719 */

body {
    background-color:#f4fcff;
    /*background-size: cover;*/
    font-family:  "Open Sans", sans-serif;
    font-size: 1.2rem;
}

.max-size{
    max-width: 450px;
}
.bg-cadriage{
    background: url('../images/cadrillage.gif?2') center top  repeat;
}
.bg-top {
    background: url('../images/bg-top2.png') center top  no-repeat;  
}
.bg-top.bgStep2{
    background-position-y: -300px;
}

.bg-top-1 {
    background: url('../images/bg-top-1.png?2') left top repeat-x;
}
.bg-top-2 {
    background: url('../images/bg-top-2.png?2') left top repeat-x; 
}
.bg-top-3 {
    background: url('../images/bg-top-3.png?2') left top repeat-x;
}

.bg-bottom-1{
    background-color: #fcc116;
}
.bg-bottom-2{
    background-color: #009fe3;
}
.bg-bottom-3{
    background-color: #e54126;
}

.randomizeMachineBg {
    background: url('../images/player.png') left top no-repeat;
    background-size: 100%;
    position: relative;
}
::placeholder, select.form-select  { 
  font-size: 0.9rem; 

}
.bg-secondary {
    background-color:rgba(222,157,141, 1) !important;
    background-color:#de9d8d !important;
}
.bg-primary{
    background-color:   var(--mainColor) !important; 
}
.txt-color{
    color: #fad2c8 !important;
}
/*
.btn-primary{
    color: var(--mainColor) !important;
    background-color:#fff !important;
    border-color:#fff !important;

}*/
.btn-primary{
    color: var(--mainColor) !important;
    background-color:transparent !important; 
    border-color:transparent !important;  
}
.btn-secondary{
    color: #fff!important;
    background-color:#fcc116 !important;
    border-color:#fcc116  !important; 
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible{
    color:#fff !important;
    background-color: var(--mainColor) !important;
    border-color:#fff !important;
}
.btn-check + .btn:hover {
    color:#fff !important;
    background-color: var(--mainColor) !important;
    border-color:#fff !important;
} 
.btn:disabled, .btn.disabled, fieldset:disabled .btn{
    color: var(--mainColor);
    background-color:#fff;
    border-color:#fff;
    opacity: 0.5;
}


.btn-danger{
    color:#fff !important;
    background-color: #e40000 !important;
    border-color:#e40000 !important;
    border-radius: 60px;
}

/**** BS OVERRIDE ****/
.form-control, .form-select{
    border-color : rgba(0,0,0,0.8);
    background-color:rgba(255,255,255,0.8);
}
.form-select{
    border-radius:var(--bs-border-radius-xl) !important;
}