#addToBasket-Wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#addToBasket {
	margin-top: 5px;
}
#wrapper-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#contentWrapper {
	margin-top: 10px;
}

/* CSV-DATEIUPLOAD */
div#fileUpload-Wrapper {
    width: 40%;
    position:relative;
	min-width: 400px;
	margin-right: 20px;
}
.align-vertical-center{vertical-align:middle;}
div#fileUpload-innerWrapper {
    height:150px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px;
}

input#uploadFile {
    border: none;
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
div#dropbox {
    border: dotted 1px black;
    box-sizing: border-box;
    height: 100px;
}
span.help{
    right: 0;
    top: 45px;
    position: absolute;
    background-color: #f3f3f3;;
    padding: 10px;
    font-kerning: normal;
    display:none;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.content {
	margin: auto;
}
/* CSV-TEXT */
div#fileContent-innerWrapper{
    height:105px;
}
div#fileContent-Wrapper {
    position:relative;
	width: 50%;
	min-width: 400px;
}
div#fileContent-innerWrapper{
    width: 400px;
    height: 150px;
}
textarea#fileContentText {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: left;
}


/*Eingabefeld um Zeilen hinzuzufügen*/
input#addRowsInput{
    height:38px;
    border-right:none;
    max-width:45px;
}
/*GENERELLE STYLES FÜR BUTTONS*/
button#fileContent-submit{
    margin-top:5px;
}

div#article-list-Wrapper {
    margin-top: 30px;
}
form#addRowsForm{
    margin-top:5px;
}
div#addToBasket-Wrapper{
    margin-top: 20px;
    text-align:right;
}
/* FEHLER/ERFOLG MELDUNGEN */
div#feedbackMsg-Wrapper div{
    height: 30px;
    color: white;
    padding-left: 30px;
    padding-top: 11px;
    font-weight: normal;
	margin-bottom: 5px;
    margin-top: 5px;
	font-size: unset;
}
div#feedbackMsg-Wrapper div.error{
    background-color: #cb3e30de;
}
div#feedbackMsg-Wrapper div.success{
    background-color: #1d9226d1;
}

/* TABELLEN FORMATIERUNG */
table#article-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
table#article-list thead{
    text-align:center;
}
table#article-list thead tr{
    height:40px;
}
table#article-list th {
    padding-left: 5px;
}
table#article-list td input{
    height:25px;
    text-align:center;
}
table#article-list td{
    text-align:center;
}
table#article-list tbody tr{
    height:40px;
}
table#article-list thead tr th:first-child{
    width:150px;
}
table#article-list thead tr th:nth-child(2){
    width:95px;
}
table#article-list thead tr th:nth-child(3){
    width:150px;
}
table#article-list thead tr th:nth-child(4){
    width:200px;
}
table#article-list thead tr th:nth-child(5){
    width:90px;
}
table#article-list thead tr th:last-child{
    width:30px;
}

td[data-name="Artikelnummer"] input{
    width:130px;
}
td[data-name="extArtikelnummer"] input{
    width:130px;
}
td[data-name="Anzahl"] input{
    width:30px;
}


/*Small Devices , Normal Tablets*/
@media only screen and (max-width:872px) {
    div#fileContent-Wrapper{
        margin-left:0px;
        text-align:center;
        margin-bottom: 10px;
    }
    div#fileUpload-Wrapper, div#fileContent-Wrapper{
        width:100%;
		min-width: initial;
		margin-right: 0;
		text-align: center;
    }
    div#fileUpload-Wrapper, div#fileContent-innerWrapper{
        width:100%;
    }
    form#addRowsForm{
        text-align:center;
        display:flex;
        justify-content:center;
        margin-bottom:5px;
    }

    div#article-list-innerWrapper{
        overflow:scroll;
        height:300px;
    }
    table#article-list {
        width:950px;
    }
}
@media only screen and (max-width:520px) {
    div#addToBasket-Wrapper{
        text-align:center;
		display: block;
    }
}