/* Quick Grid Magic CSS Document */

/*
--------------------------------------------------------
 Quick Grid Magic Background Colors
--------------------------------------------------------
*/

/* gray */
.p7QGM.qgm-bg-gray,
.qgm-grid.qgm-col-bg-gray > .qgm-col {
	background-color: rgb(51,51,51);
	color: #fff;
}
.p7QGM.qgm-bg-gray.qgm-tpn,
.qgm-grid.qgm-col-bg-gray.qgm-col-tpn > .qgm-col {
	background-color: rgba(134,134,134,0.90);
	color: #000;
}

/*
--------------------------------------------------------
 Outer Wrapper (Container) styling
--------------------------------------------------------
*/
.p7QGM {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
}
.p7QGM,
.p7QGM * {
	box-sizing: border-box;
}
.p7QGM.qgm-pad {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}


/*
--------------------------------------------------------
 Container Borders
--------------------------------------------------------
*/
.p7QGM.qgm-brd-all {
	border: 1px solid;
}
.p7QGM.qgm-brd-top {
	border-top: 1px solid;
}
.p7QGM.qgm-brd-right {
	border-right: 1px solid;
}
.p7QGM.qgm-brd-btm {
	border-bottom: 1px solid;
}
.p7QGM.qgm-brd-left {
	border-left: 1px solid;
}
.p7QGM.qgm-brd-left-right {
	border-left: 1px solid;
	border-right: 1px solid;
}
.p7QGM.qgm-brd-top-btm {
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.p7QGM.qgm-rounded,
.p7QGM.qgm-rounded img {
	border-radius: 6px;
}
.p7QGM.qgm-shadow,
.qgm-grid.qgm-col-shadow > .qgm-col {
	box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}


/*
--------------------------------------------------------
 Column Styling
--------------------------------------------------------
*/
.qgm-grid .qgm-col {
	padding:0px;
}
.qgm-grid.qgm-col-pad .qgm-col {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.qgm-grid.qgm-col-rounded .qgm-col,
.qgm-grid.qgm-col-rounded .qgm-col img {
	border-radius: 6px;
}