:root {
    --btnColor1-margin:0 0.5rem 0 0;
    --btnColor1-padding : 0.5rem 1rem;
    --btnColor1-bg : #F3342E;
    --btnColor1-bg-hover : #fc5d58;
    --btnColor1-color : #fff;
    --btnColor1-color-hover : #fff;
    --btnColor1-border-color : #F3342E;
    --btnColor1-border-color-hover : #fc5d58;
    
    
    --btnColor2-margin:0 0.5rem 0 0;
    --btnColor2-padding : 0.5rem 1rem;
    --btnColor2-bg : #c3c3c3;
    --btnColor2-bg-hover : #F3342E;
    --btnColor2-color : #fff;
    --btnColor2-color-hover : #fff;
    --btnColor2-border-color : #c3c3c3;
    --btnColor2-border-color-hover : #F3342E;   
    
    --btnCancel-margin:0 0.5rem 0 0;
    --btnCancel-padding : 0.5rem 1rem;
    --btnCancel-bg : #555555;
    --btnCancel-bg-hover : #363636;
    --btnCancel-color : #fff;
    --btnCancel-color-hover : #fff;
    --btnCancel-border-color : #555555;
    --btnCancel-border-color-hover : #2c2c2c;
    
    
    --btnInfo-margin:0 0.5rem 0 0;
    --btnInfo-padding : 0.5rem 1rem;
    --btnInfo-bg : #e6b75c;
    --btnInfo-bg-hover : #e6b453;
    --btnInfo-color : #ffffff;
    --btnInfo-color-hover : #fff;
    --btnInfo-border-color : #e6b75c;
    --btnInfo-border-color-hover : #d9b061;    
    
    --btnError-margin:0 0.5rem 0 0;
    --btnError-padding : 0.5rem 1rem;
    --btnError-bg : #ff552d;
    --btnError-bg-hover : #f03307;
    --btnError-color : #fff;
    --btnError-color-hover : #fff;
    --btnError-border-color : #ff552d;
    --btnError-border-color-hover : #f03307;    
    
    --btnValide-margin:0 0.5rem 0 0;
    --btnValide-padding : 0.5rem 1rem;
    --btnValide-bg : #80a36d;
    --btnValide-bg-hover : #90be77;
    --btnValide-color : #fff;
    --btnValide-color-hover : #fff;
    --btnValide-border-color : #80a36d;
    --btnValide-border-color-hover : #90be77;
    
    
}

input.btnColor1 , .btnColor1, .btnColor1:focus {
    margin:var(--btnColor1-margin);
    padding:var(--btnColor1-padding);
    background-color:var(--btnColor1-bg);
    border-color:var(--btnColor1-border-color);
    color:var(--btnColor1-color);
}

.btnColor1:hover , input.btnColor1:hover  {
    background-color:var(--btnColor1-bg-hover);
    border-color:var(--btnColor1-border-color-hover);
    color:var(--btnColor1-color-hover);
    cursor: pointer;
}

.btnColor2 , .btnColor2:focus {
    margin:var(--btnColor2-margin);
    padding:var(--btnColor2-padding);
    background-color:var(--btnColor2-bg);
    border-color:var(--btnColor2-border-color);
    color:var(--btnColor2-color);
}

.btnColor2:hover {
        margin:var(--btnColor2-margin);
    padding:var(--btnColor2-padding);
    background-color:var(--btnColor2-bg-hover);
    border-color:var(--btnColor2-border-color-hover);
    color:var(--btnColor2-color-hover);
}


.btnCancel , .btnCancel:focus {
    margin:var(--btnCancel-margin);
    padding:var(--btnCancel-padding);
    background-color:var(--btnCancel-bg);
    border-color:var(--btnCancel-border-color);
    color:var(--btnCancel-color);
}

.btnCancel:hover {
    background-color:var(--btnCancel-bg-hover);
    border-color:var(--btnCancel-border-color-hover);
    color:var(--btnCancel-color-hover);
}

.btnInfo , .btnInfo:focus  {
    margin:var(--btnInfo-margin);
    padding:var(--btnInfo-padding);
    background-color:var(--btnInfo-bg);
    border-color:var(--btnInfo-border-color);
    color:var(--btnInfo-color);
}

.btnInfo:hover {
    background-color:var(--btnInfo-bg-hover);
    border-color:var(--btnInfo-border-color-hover);
    color:var(--btnInfo-color-hover);
}

.btnError , .btnError:focus {
    margin:var(--btnError-margin);
    padding:var(--btnError-padding);
    background-color:var(--btnError-bg);
    border-color:var(--btnError-border-color);
    color:var(--btnError-color);
}

.btnError:hover {
    background-color:var(--btnError-bg-hover);
    border-color:var(--btnError-border-color-hover);
    color:var(--btnError-color-hover);
}

.btnValide , .btnValide:focus {
    margin:var(--btnValide-margin);
    padding:var(--btnValide-padding);
    background-color:var(--btnValide-bg);
    border-color:var(--btnValide-border-color);
    color:var(--btnValide-color);
}

.btnValide:hover {
    background-color:var(--btnValide-bg-hover);
    border-color:var(--btnValide-border-color-hover);
    color:var(--btnValide-color-hover);
}


.swal2-styled {
padding: .625em 2em !important;
}
