#addToBasketCont #editDataBody label{
font-size:1.4rem;
margin:0;
margin-top:15px;
}
#addToBasketCont #editDataBody input,#addToBasketCont #editDataBody select{
font-size:1.4rem;
}

.btn-custom-rounded{
	font-size:1.4rem;
	font-weight:bold;
	border-radius:15px;
	color:green;
	padding:6px 12px;
}
#byDay .btn-custom-rounded{
    padding: 4px;
    min-width: 40px;
}


.basketTable{
	font-size:1.4rem;
	width:100%;
}

.dayHeader{
	background-color: #E6E3E3;
	text-align: center;
	
	color: white;
    background-color: var(--main-color);
}

#allHoogsTable,.basketTable{
	display:flex;
	flex-direction:column;
}
.row-wrapper.theader{
	display:flex;
	flex-direction:row;
}
.row-wrapper.theader>div{
	font-weight:bold;
}
.row-wrapper,.total{
	display:flex;
	flex-direction:row;
	border-bottom: 1px dashed gray;
	gap:5px;
}
.row-wrapper>div,.total>div{
	flex: 1;
}
.extraButtons{
	margin-top:20px;
}
.row-wrapper .tlabel{
	display:none;

}
.extraButtons{
	justify-content: space-between;
    display: flex;
}
.logoutExtraLink{
	margin-bottom: 20px;
}

.filterByDayPart{
		list-style-type:none;
	margin:0;
	padding:0;
	
}
.filterByDayPart li{
		float:right;
		padding-left:10px;
		font-size:1.8rem;
		padding-bottom:10px;
}
.filterByDayPart li a:hover{
color:red;
}
.filterByDayPart li a.selectedFilter{
	color:red;
	font-weight:bold;
}
.filterByDayPart .btn-info{
		font-size: 1.8rem;
		padding: 6px 20px;
		border-radius: 25px;
}

#addHoogModal .modal-dialog{
    width:90%;
    height:90%;
}
#addHoogModal .modal-content{
    display: flex;
    flex-flow: column;
    height: 100%;
}
#addHoogModal .modal-footer{
	text-align:center;
}
#addHoogModal .modal-content .modal-body {
    flex-grow: 1;
    overflow-x: auto;
	padding: 0;
    margin: 10px;
	font-size:1.3rem;
}
#hoogBy{
	display: flex;
    flex-flow: column;
	//position: fixed;
    //width: calc(100% - 35px);
    z-index: 99;
    //background-color: white;
}


.dayHidden{
	display: none !important;
}
.dayPeriodHidden{
	display: none !important;
}
.contentTbl .theader{
	display:flex;
	flex-flow:row;
	
}
.contentTbl .theader div{
	flex:1;
	font-weight: bold;
}
.addHoogCBX{
	transform: scale(2);
	margin-top: 10px !important;
	margin-right: 10px !important;
}
.row-wrapper:has(.addHoogCBX:checked){
	background-color: lightGreen;
}
#byDay .btn-custom-rounded,#byDayPart .btn-custom-rounded{
	color: gray;
}

#byDay .btn-custom-rounded.selectedFilter,#byDayPart .btn-custom-rounded.selectedFilter{
	color: red !important; 
} 
.remHoogRow{
	cursor: pointer;
	color:gray;
}
.remHoogRow:hover{
	color: black;
}
.totalDiscount{
	direction: ltr;
}
.bootbox-body{font-size:1.4rem}
#selectedHoogs{
	color:green;
}
#userFormCont{
	font-size:1.3rem;
}
#userFormCont .form-control{
	font-size:1.3rem;
}
.totalAmountPayment{
	font-weight: bold;
	font-size:1.5rem;
	margin-top:10px;
}
.isDiscountWrapper{
	text-align: center;
}
#buttSaveData2{margin-top:20px}

.contentTbl.searchHidden {
    display: none !important;
}
.search-filter{
	display: flex;
	flex-flow: row;
	align-items: center;
	position: relative;
	padding: 10px;
}
.search-filter input{
	flex: 1;
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.search-filter .clearSearchBtn{
	position: absolute;
	cursor:pointer;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	color:gray;
	display: none;
}
.search-filter .clearSearchBtn:hover{
	color:maroon;
}
#allHoogsTable{
	clear:both;
	font-size:1.3rem;
}
.modal #allHoogsTable{
    padding-top:30px;
	margin-top: 160px; 
}
.dayPeriod{
	display:flex;
	flex-flow:column;
}
#hoogBy>div[name="dayFilter"],#hoogBy>div[name="dayPeriodFilter"]{
	display: flex;
	flex-flow: row;
}
#cleanCheckedBtn{
	display:none;
	margin-right:10px;
	padding:0;
}
.overlapHideRow{
	display:none;
	//background-color:red !important;

}

.full{
	padding-bottom: 40px;
    position: relative;
	text-decoration: line-through;
}
.full .fullTxt{
	position: absolute;
    bottom: 0;
    right: 0;
	color:red;
}

@media (max-width: 992px) {
	.row-wrapper.theader{
		display:none;
	}
	.contentTbl .theader{
		display:none;
	}
	.row-wrapper {
		flex-direction: column;
		align-items: start;
	}
	.row-wrapper .tlabel{
		display:inline-block;
		margin-left:5px;
	}
	.row-wrapper div:has(.price) .tlabel {
		display:none;
	}
	.basketTable .row-wrapper:not(.theader) div:has(.price){
		order: 999;
		padding: 12px;
		text-align: right;
		width: fit-content;
		margin-left: 33%;
		margin-right: auto;
	}
}