/*
 * Styles des formulaires
 */
.generic-form ul:not(.product-part, #case-avoir)
{
    padding: 0;
    margin: auto;
    width: 50%;
}

.generic-form option,
.generic-form optgroup
{
    background-color: #128285;
}

.generic-form .error-message
{
    /* structure */
    margin: 2em 0;
    padding: 0.5em 1em;

    /* presentation */
    background-color: rgba(255, 102, 51, 0.5);
    border: 2px solid #FF3300;
    border-radius: 6px;
    color: white;
}
.generic-form .error-message h3
{
    /* structure */
    margin-top: 0;

    /* presentation */
    color: #630606;
}
.generic-form .error-message h3 em
{
    color: red;
    font-style: normal;
}
.generic-form .no-left-label
{
    margin-left: 5%; /* pour aligner avec le label */
}
.generic-form input:not(.button-primary),
.generic-form select,
.generic-form textarea
{
    border-radius: 16px;
    border: 1.5px solid #062f48;
    background-color: rgba(0, 4, 31, 0.2901960784313726);
    margin-left: 40px;
    color: #ffffff;
    padding: 5px 10px;
    font-weight: bold;
}
.generic-form input[type="password"],
.generic-form input[type="text"],
.generic-form textarea
{
    /* structure */
    width: 20em;

    /* presentation */
    transition: background-color 0.33s;
    margin-bottom: inherit;
}
.generic-form input:focus,
.generic-form select:focus,
.generic-form textarea:focus
{
    background-color: rgba(18, 120, 133, 0);
    outline: 0;
}
.generic-form > ul:last-child:not(#case-avoir)
{
    margin-top: 2em;
}
.generic-form ul li
{
    margin: 1em 0;
}
.generic-form ul li label
{
    display: inline-block;
}
.generic-form ul li label.textarea
{
    vertical-align: top;
}
.generic-form ul li label:not(.no-width)
{
    width: 245px;
}
.generic-form ul li label.full-width
{
    width: 100%;
}
.generic-form input.money,
.generic-form input.zip-code
{
    width: 155px; /* 5 caractères */
    -webkit-appearance: none;
}
.generic-form input.quantity
{
    width: 70px; /* 3 caractères */
}
.generic-form textarea
{
    resize: none;
}
input#productName{
    width: 800px;
}
textarea#description
{
    height: 100px;
    width: 579px;
}
.generic-form .money
{
    text-align: right;
}
.generic-form input[type=date]::-webkit-inner-spin-button,
.generic-form input[type=date]::-webkit-outer-spin-button
{
    display: none;
}

.generic-form .money::-webkit-outer-spin-button,
.generic-form .money::-webkit-inner-spin-button
{
   display: none;
}

.generic-form input[type=number].quantity::-webkit-outer-spin-button,
.generic-form input[type=number].quantity::-webkit-inner-spin-button
{
    /*border: none;*/
}

.generic-form .pourcentage
{
    text-align: left;
    width: 50px;
}

.generic-form #montantAvoir
{
    color: black;
}

.generic-form select.product{
    width: 80%;
}

.generic-form .product-details label{
    margin-bottom: 0;
}
.generic-form .product-details li .quantity{
    text-align: center;
}
.generic-form .product-details li select,
.generic-form .product-details li .quantity{
    height: 50px;
}
.generic-form .product-details .quantity::-webkit-inner-spin-button{
    opacity: 1;
    height: 30px;
}
.generic-form input[type=checkbox]{
    margin: 0;
    zoom: 2;
    vertical-align: middle;
}
.uploadFormButton{
    cursor: pointer;
}