/**
 * @version 30.06.2025
 *
 * mobile/profile/styles.r.2-tablet.css
 *
 * Skin "mobile"
 */

/*** section.subusers ***/
/** list header **/
section.profile.subusers.list.header > div {
	float: none;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}
/*
section.profile.subusers.list.header > .ym-gr {

}
*/
section.profile.subusers.list.header > .ym-gr > section {
	position: relative;
	bottom: 1em;
	right: auto;
	margin: 1em 0;
}
section.profile.subusers.list.header > .ym-gr > section form > ul.table-2-cols {
	width: 100%;
	display: block;
	margin: 0 auto;
	/*border: 2px solid red;*/
	float: left;
}
@media (max-width: 740px) {
	form.text-submit.li-value-div {
		--element-width: 100%;
	}
	div.profile.subusers.list.header > div.ym-gr section.search-subuser {
		position: absolute;
		right: auto;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
	}
}

section.profile.subusers.list.header > .ym-gr > section form ul.table-2-cols li.value > div {
	width: 100%;
	text-align: center;
}
form.text-submit.li-value-div ul.table-2-cols li.label input[type="date"],
form.text-submit.li-value-div ul.table-2-cols li.label input[type="number"],
form.text-submit.li-value-div ul.table-2-cols li.label input[type="text"] {
	width: 100%;
}
/** section.subusers.search-results **/
table.subusers-search-results .col-public-name .responsive {
	display: block;
}
table.subusers-search-results .col-department,
table.subusers-search-results .col-email,
table.subusers-search-results .col-login-name {
	display: none;
}

/** article.subuser-details **/
/* "Property Label: Property Value" */
article.subuser-details ul.table-2-cols.contact-person > li.label {
	width: 39%;
}

/*** orders ***/



/** info-search panel **/
@media (max-width: 740px) {
	section.search-results section.info-search {
		padding: 0.20em 0.5em;
	}

	section.search-results section.info-search > ul > li {
		padding-right: 0;
		display: block;
		width: 100%;
		text-align: center;
	}
	section.search-results section.info-search > ul > li:AFTER {
		content: '';
	}
}
section.search-results table.belegs .col-order-number  {
   width: 35%;
}

/** orders table **/
section.search-results table.belegs .col-price-total {
	width: 20%;
}
section.search-results table.belegs .col-details {
	width: 2%;
}
section.search-results table.belegs .col-details .default {
	display: none;
}
section.search-results table.belegs .col-details .responsive {
	display: block;
}

/*** order details ***/
article.order-details .ui-accordion-content {
	height: auto !important;
}
/** section.belegs section.beleg section.receipt-info **/
/*
section.beleg section.receipt-info {

}
*/
section.beleg section.receipt-info > ul {
	/* padding: 0.5em 0.5em; */
	padding: 0.5em 0em; /* 04.04.2022 */
}

section.receipt-info > ul.table-2-cols > li.label,
section.receipt-info > ul.table-2-cols > li.value {
	width: 100%;
	white-space: normal;
}

/** section.beleg table.positions **/
section.beleg table.positions .col-position-number,
section.beleg table.positions .col-article-number,
section.beleg table.positions .col-price-item,
section.beleg table.positions .col-count-ordered,
section.beleg table.positions .col-count-delivered,
section.beleg table.positions .col-count-remained,
section.beleg table.positions .col-article-name .responsive span.price-total {
	display: none;
}

/** .col-article-name **/
/* grid settings */
section.beleg table.positions .col-article-name > div {
	display: grid;
	grid-template-areas:
	"responsive responsive-bottom"
	"permanent  responsive-bottom";
	grid-template-columns: 38% 61%;
}
section.beleg table.positions .col-article-name > div > .responsive {
	grid-area: responsive;
}
section.beleg table.positions .col-article-name > div > .permanent {
	grid-area: permanent;
}
section.beleg table.positions .col-article-name > div > .responsive.bottom {
	grid-area: responsive-bottom;
}

/** .col-article-name .responsive.bottom **/
/* grid settings */
section.beleg table.positions .col-article-name .responsive.bottom > span {
	display: grid;
	grid-template-areas:
	"label value";
	grid-template-columns: 61% 39%;
}
section.beleg table.positions .col-article-name .responsive.bottom > span > span.label {
	grid-area: label;
	padding-right: 0;
}
section.beleg table.positions .col-article-name .responsive.bottom > span > span.value {
	grid-area: value;
}

@media (max-width: 540px) {
	section.beleg table.positions .col-article-name > div {
		grid-template-areas:
		"responsive"
		"permanent"
		"responsive-bottom";
		grid-template-columns: 100%;
	}

	section.beleg section.receipt-total {
		grid-template-areas:
		"info"
		"buttons";
		grid-template-columns: 100%;
	}

	section.beleg section.receipt-total > .ym-gl button {
		width: 100%;
		--width-image: 0%;
		margin: 1em 0;
	}

    #ordersSearchForms.ui-accordion .ym-form .ym-fbox > label {
		line-height: var(--button-normal-height);
	}

	/*  section.receipt-total section.alternates */
	section.receipt-total > .ym-gl section.alternates > div button {
		margin: 0;
	}

	section.receipt-total section.alternates > div.button {
		margin: 1em 0 0 0;
	}

	section.receipt-total section.alternates > div.info {
		padding: 0.5em 0 0em 0;
		font-size: 1em;
	}

}

section.beleg table.positions .col-article-name .responsive {
	display: block;
}
/** section.receipt-total **/
section.receipt-total > div {
	width: 100%;
}


/*** registration of a new B2C customers ***/
form.profile-b2c.ym-form > ul > li {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}

/** form.profile-password **/
form.change-password ul.change-password > li {
    width: 100%;
}