/* Compléments pour formulaire */
input[readonly]
{
    border: none;
}
.switch-w-200
{
    width: 200px;
}
.btn-w-150
{
    width: 150px;
}
.btn-w-120
{
    width: 120px;
}
.btn-w-100
{
    width: 100px;
}
.btn-prepend-icon
{
    bottom: -26px;
    color: #FFFFFF;
    height: 30px;
    left: -8px;
    padding: 4px 0;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 30px;
}
.btn-prepend-icon-primary
{
    background-color: #0069D9;
}
.btn-prepend-icon-danger
{
    background-color: #C82333;
}
.btn-prepend-icon-warning
{
    background-color: #E0A800;
}
.btn-prepend-icon-secondary
{
    background-color: #5A6268;
}
.btn-prepend-icon-success
{
    background-color: #1E7E34;
}
.btn-append-text
{
    margin-left: 30px;
    text-align: left;
}
label
{
    color: #6C757D;
    font-size: 80%;
    font-style: italic;
    margin-bottom: 0;
}
label.required::after
{
    color: #B22222;
    content: '\23f5';
    display: block;
    font-style: normal;
    font-weight: bold;
    left: 0;
    margin-top: 5px;
    position: absolute;
}
.custom-file-label::after
{
    background-color: #FFFFFF;
    border: 1px solid #ced4da !important;
    border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    content: "Parcourir…" !important;
    top: 2px;
}
.invalid-feedback
{
    font-family: 'Font Awesome 5 Free';
    font-size: 100%;
}

a.btn, button
{
    border-radius: 0% !important;
        -webkit-border-radius: 0% !important;
        -moz-border-radius: 0% !important;
        -ms-border-radius: 0% !important;
        -o-border-radius: 0% !important;
}

.form-group
{
    margin-bottom: 4px;
}

.input-text, .custom-file-label
{
    border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    font-weight: 700;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.input-text[readonly], .input-text[readonly]:focus, .custom-file-label
{
    background-color: inherit !important;
}
.input-text:focus, .custom-file-label:focus
{
    background-color: #F2F2F2 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.input-text::placeholder, .custom-file-label
{
    font-weight: normal;
}
.input-textarea
{
    border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important;
    border: 1px solid #CED4DA !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.custom-select:focus, .custom-file-input:focus ~ .custom-file-label
{
    box-shadow: none !important;
    outline: none !important;
}
.custom-file-input:focus ~ .custom-file-label
{
    background-color: #F2F2F2 !important;
    border-color: #CED4DA;
}

/* Formulaire de login */
#container-login-bee
{
    height: 128px;
    left: -30px;
    position: relative;
    top: 40px;
    width: 128px;
}
.form-login-title
{
    background-color: #24445C;
    border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    margin: 0 -15px;
    padding: 5px 35px;
}

/* Edition d'un produit */
.img-product-edition
{
    display: block;
    margin: 0 auto 10px;
    max-height: 150px;
}
.link-product-edition
{
    font-size: 60pt;
    height: 150px;
    width: 150px;
}
.link-product-edition
{
    display: block;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
}