﻿
@media handheld, only screen and (max-width: 760px) {
    .Mode2eRESPlanningFrontC .resForm {
        min-width: unset !important;
    }

        .Mode2eRESPlanningFrontC .resForm .dnnLabel, .Mode2eRESRegistationCustomerFrontC .resForm .dnnLabel {
            width: 100% !important;
            padding-right: 0;
            text-align: left;
            float: left;
        }

            .Mode2eRESPlanningFrontC .resForm .dnnLabel label {
                display: inline-block;
            }

            .Mode2eRESPlanningFrontC .resForm .dnnLabel a.dnnFormHelp {
                position: relative;
            }

    .resForm .resFormItem {
        margin-bottom: 10px;
    }

    .skin_ControlPanel {
        width: calc(100% - 80px) !important;
    }

    html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
        border-color: #b3b3b3;
        color: #333;
        background-color: #fff;
        font: 12px"segoe ui",arial,sans-serif;
        width: 100% !important;
    }

    .resForm .dnnLabel {
        width: calc(100% - 60px) !important;
        text-align: left;
    }

    .dnnFormSectionHead {
        margin-top: 15px;
    }

    .e2eForm {
        min-width: unset !important;
    }

    /*Toegevoegd door Kenny*/
    .resForm {
        min-width: unset !important;
        width: 100% !important;
    }

    a.dnnFormHelp {
        right: auto !important;
        margin-left: 10px !important;
    }

    .resFormItem input :not(.RadComboBox) {
        padding: 5px !important;
    }

    .resFormItem input[type="text"], .resFormItem textarea {
        width: calc(100% - 25px) !important;
    }

    .dnnLabel {
        text-align: left !important;
        width: 100%;
    }

    .e2eForm .dnnFormSectionHead {
        margin-bottom: 10px !important;
        margin-top: 25px !important;
        float: left;
        width: 100%;
    }

    .e2eForm.NoPaddingTop .e2eForm .dnnFormSectionHead {
        padding: 0 20px;
        width: calc(100% - 40px);
    }

    .ListItem {
        border: 1px solid #CECECE;
        float: left;
        min-height: 370px;
        height: auto !important;
        margin: 10px;
        padding: 10px 10px !important;
        position: relative;
        overflow: auto;
        -webkit-box-shadow: 0px 0px 10px 1px rgba(00, 00, 00, .2);
        box-shadow: 0px 0px 10px 1px rgba(00, 00, 00, .2);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
        width: calc(100% - 40px) !important;
    }

    .compleximage, .facilityimage {
        float: left;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

        .compleximage img, .facilityimage img {
            max-height: 300px;
            max-width: 100% !important;
            object-fit: cover !important;
            width: 100%;
        }

    .rmpView.resForm > div {
        left: 0 !important;
    }

    .facdescriptionc {
        height: auto !important;
        overflow-y: unset !important;
    }

    .e2eForm.NoPaddingTop {
        padding: 0 !important;
    }

    .dnnFormMessage.dnnFormSuccess {
        float: left;
        width: calc(100% - 36px);
    }

    .Mode2eINVBasketC .RadAjaxPanel div {
        width: 100% !important;
    }

    .Mode2eINVBasketC .RadAjaxPanel table.rgMasterTable {
        padding-left: 0 !important;
    }

    .RadAjaxPanel > div > div > div > div > *, .RadAjaxPanel > div > div > div > div > * .e2ePricelist {
        /*width: 100% !important;
		padding: 0 0 20px !important;*/
    }

    .IconFormItem .RadComboBox.RadComboBox_Default {
        width: calc(100% - 40px) !important;
    }
}
