.bandeausection {
    height: 25px;
    float: left;
    background-color: #F5F5F5;
    width: 100%;
}

.closebutton {
    margin-top: 10vh;
    width: 100%;
}

.pictoheader {
    height: 25px;
    float: left;
    background-color: #F5F5F5;
    width: 100%;
}

.fliplabel {
    width: 150px;
    float: left;
    margin-top: 10px;
}

span.fliplabel {
    margin-top: 1em;
}

.editpanel {
    width: 400px;
    opacity: 1;
}

.ui-mobile label {
    margin-top: 2em;
}

#OrigineType {
    color: #000;
}

#OriginePaysSelect {
    color: #000;
    text-transform: uppercase;
}

.descAction {
    text-align: center;
    font-size: 4vmin;
    margin-bottom: 20px;
}

.textWithKeyboard {
    display: flex;
    clear: both;
}

.VirtualKeyboardButton {
    margin-right: 2px;
}

.textWithKeyboardInput {
    flex-grow: 1;
}

.hideByDefault {
    display: none;
}

select {
    color: #606060;
}

fieldset>.ui-checkbox {
    height: 3vh;
}

.ui-checkbox>input {
    position: initial;
    height: 3vh;
    width: 3vh;
    margin: 0;
}

.ui-input-text {
    width: 100%;
}

#numBoxCodePesee {
    width: 20vw;
}

#keypadCodePesee {
    top: 12vh;
    left: 16vw;
}

#keypadUnitePrix {
    top: 13vh;
    left: -20vw;
}

#keypadDecimalPrix {
    top: 13vh;
    left: -7vw;
}

#keypadNbUniteVente {
    top: 31vh;
    left: -20vw;
}

#keypadDecimalNbUniteDeVente {
    top: 31vh;
    left: -7vw;
}

#keypadNbLotUniteDeVente {
    top: 36vh;
    left: -20vw;
}

#keypadUniteBonReduction {
    top: 42vh;
    left: -20vw;
}

#keypadDecimalBonReduction {
    top: 42vh;
    left: -7vw;
}

#keypadMecaPromoQuantite1 {
    top: 54vh;
    left: -20vw;
}

#keypadPastilleInt {
    top: 60vh;
    left: -20vw;
}

#keypadPastilleDecimal {
    top: 58vh;
    left: -7vw;
}

#keypadMecaPromoQuantite2 {
    top: 58vh;
    left: -20vw;
}

#keypadPastilleLeclercInt {
    top: 59vh;
    left: -20vw;
}

#keypadMPastilleLeclercDecimal {
    top: 59vh;
    left: -7vw;
}

#keypadPastilleSurLe {
    top: 66vh;
    left: -20vw;
}

#keypadPrixBarreEuros {
    top: 60vh;
    left: -20vw;
}

#keypadPrixBarreCents {
    top: 60vh;
    left: -7vw;
}

@media (orientation: landscape) {
    .editpanel {
        width: 700px;
    }

    .bandeausection {
        width: 40%;
        margin-right: 2vh;
    }

    .numerickeyboard-box {
        font-size: 2.5vh;
        height: 4vh;
        width: 25%;
        padding-top: 0.2vh;
        margin-top: 0;
    }

    .ui-select .ui-btn select {
        width: 50%;
    }

    .ui-field-contain,
    .ui-mobile fieldset.ui-field-contain {
        clear: none;
    }

    fieldset.ui-field-contain {
        width: 55%;
    }

    #blocCheckboxMecaPrixDouble {
        float: left;
    }

    .VirtualKeyboardButton {
        float: left;
    }

    .textWithKeyboardInput {
        float: left;
        width: calc(100% - 60px);
    }

    .closebutton {
        display: block;
        margin-top: 0;
    }

    h2,
    hr {
        margin-top: .5vh;
        margin-bottom: .5vh;
    }

    #keypadPrixBarreEuros {
        top: 45vh;
        left: -5vw;
    }

    #keypadPrixBarreCents {
        top: 47vh;
        left: -2vw;
    }
}

/* Keyboard wrappers */
.editpanel .input-with-icon {
    width: 350px;
    float: left;
}

.editpanel .input-with-icon.num-wrapper {
    display: inline-block;
    vertical-align: middle;
}

@media (orientation: landscape) {
    .editpanel .input-with-icon.num-wrapper {
        width: 25%;
    }

    .editpanel .input-with-icon.num-wrapper input.numerickeyboard-box {
        width: 100%;
    }
}

.numerickeyboard-euro,
.numerickeyboard-pourcent {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.5vh;
    font-weight: bold;
    padding: 0 0.5vw;
}

/* Doubleinput rules for actions.php */
.doubleinput {
    display: flex;
    align-items: center;
    width: 60%;
    float: left;
}

.input-separator {
    display: inline-block;
    padding: 0 0.5vw;
    font-size: 1.5vh;
    font-weight: bold;
}

.editpanel .half-input-start,
.editpanel .half-input-middle {
    flex: 1;
    display: inline-block;
    vertical-align: middle;
}

@media (orientation: landscape) {
    .doubleinput {
        width: 55%;
    }

    .editpanel .half-input-start input.numerickeyboard-box,
    .editpanel .half-input-middle input.numerickeyboard-box {
        width: 100%;
    }
}