@charset "UTF-8";

/**
 * Long description
 * Proprietary software created by wunde24.de is closed source code. No licence is offered.
 *
 * @copyright Copyright (c) 2017- wunde24.de, Telgte, Germany
 * @author GOrding
 * @created 05.01.2018 10:10
 */

@media screen and (max-width: 420px){
    #content{width: 100%; padding: 0; margin-top: 0;}
    .foldBody{padding: 5px 2%;}

    #userPatientList{padding: 10px 0 0; border-width: 0;}

    #patientOrdersWrapper{float: left; max-height: 200px;}
    #orderSelectBox{margin: 0; width: 95.5%}
    #patientOrderDataBody .listField{overflow: hidden; }
    #orderList .productName{width: 52%; white-space: normal;}

    .tab{font-size: 15px; padding: 6px 8px 4px 5px;}

    #patientDataFormDataData .tabData{padding: 2%;}
    #patientDataFormHealthInsuranceData .healthInsurancePatientNumber{float: right;}

    #patientDataFormTabDataWrapper .tabData {padding: 0 2%;}
    #patientDataFormTabDataWrapper .dataTabLeftSide,
    #patientDataFormTabDataWrapper .dataTabRightSide {float: left; padding: 2%; width: 96%;}

    .woundProgressWrapper .tabDataWrapper {padding: 10px 1.5% 0;}
    .woundDocumentationColumn{margin: 5px 1%; min-width: 280px; width: 98%;}


    .sb1 #sb1{display: none; left: 1%; margin-right: 1%; width: 350px;}
    .sb1 #content{position: relative; width: 350px;}
    .sb1 #sb2{left: 0; width: 0;}
    #page-wrapper{width: 100%;}
    #headerWundManager #headerLogo{position: relative; width: 50%; z-index: 1000;}
    #headerWundManager #headerLogo img{width: 100px;}

    .patientFileWrapper #patientFileBodyWrapper {
        background-color: #FFFFFF;
        border: solid #C40000;
        border-width: 0;
        padding: 10px 0;
    }
    #selectPatientFieldWrapper{width: 90%; margin: 0 auto  2vh !important;}
    #selectPatientFieldWrapper label{display: block; font-size: 84%; text-align: left; width: 99%}
    #selectPatientFieldWrapper input{margin-left: 0; width: 97%;}

    .formTab{min-width: 80px;}
    .formFieldWrapper, .formLine{margin: 1vh 0;}

    .formFieldWrapper.bottomLabel .label,
    .formFieldWrapper.bottomLabel label,
    .formFieldWrapper.bottomLabel input,
    .formFieldWrapper.topLabel .label,
    .formFieldWrapper.topLabel label,
    .formFieldWrapper.topLabel input,
    .formLine.bottomLabel .label,
    .formLine.bottomLabel label,
    .formLine.bottomLabel input,
    .formLine.topLabel .label,
    .formLine.topLabel label,
    .formLine.topLabel input,
    .formFieldWrapper.bottomLabel select,
    .formFieldWrapper.topLabel select,
    .formLine.bottomLabel select,
    .formLine.topLabel select
    {
        padding: 1px 1.5%;
    }

    .formFieldWrapper.bottomLabel .label,
    .formFieldWrapper.bottomLabel label,
    .formFieldWrapper.topLabel .label,
    .formFieldWrapper.topLabel label,
    .formLine.bottomLabel .label,
    .formLine.bottomLabel label,
    .formLine.topLabel .label,
    .formLine.topLabel label{
        font-size: 75% !important;
        margin-top: -4px;
    }


    .tabWrapperFrame{overflow: hidden;}

    .ui-autocomplete{overflow-y: scroll; max-height: 80px;}
    .ui-widget.ui-autocomplete{font-family: sfns_displaythin, sans-serif; font-size: 13px; line-height: 1.5em; position: relative; z-index: 5000;}
    #ui-id-1{width: 88.5% !important; min-height: 80px !important;}
    #ui-id-1 li .ui-state-active{background: #AACCAA !important; border: none !important; font-size: 14px; font-weight: 500; }

    #orderSalesOverview{width: 98%; margin: 0;}

    #orderSalesOverview .listLine .orders{display: none; flex: 0;}
}