/*
   ČRo - layouts styles
*/

.node-form > div, 
#page #panels-dnd-main, 
#page #panels-dnd-main > .inner-content-wrapper {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.node-form > div > .l-grid--12-1,  
#panels-dnd-main > .l-grid--12-1, 
#panels-dnd-main > .inner-content-wrapper {
	width: 100%;
}

.node-form > div > .l-grid--8-1, 
.node-form > div > .l-grid--8-5,
#panels-dnd-main > .l-grid--8-1, 
#panels-dnd-main > .inner-content-wrapper > .l-grid--8-1,
#panels-dnd-main > .l-grid--8-5 {
	width: 66.66%;
}

.node-form > div > .l-grid--6-1,  
.node-form > div > .l-grid--6-7,
#panels-dnd-main > .l-grid--6-1, 
#panels-dnd-main > .l-grid--6-7 {
	width: 50%;
}

.node-form > div > .l-grid--4-1, 
.node-form > div > .l-grid--4-5, 
.node-form > div > .l-grid--4-9,
#panels-dnd-main > .l-grid--4-1, 
#panels-dnd-main > .l-grid--4-5, 
#panels-dnd-main > .l-grid--4-9,
#panels-dnd-main > .inner-content-wrapper > .l-grid--4-9 {
	width: 33.33%;
}

.node-form > div > .l-grid--3-1,  
.node-form > div > .l-grid--3-4, 
.node-form > div > .l-grid--3-7, 
.node-form > div > .l-grid--3-10,
#panels-dnd-main > .l-grid--3-1, 
#panels-dnd-main > .l-grid--3-4, 
#panels-dnd-main > .l-grid--3-7, 
#panels-dnd-main > .l-grid--3-10 {
	width: 25%;
}


.admin .node-form > div {
	display: block;
}