.debugContainer,
.debugContainer * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#debugGrid {
	position: fixed;
	display: none;
	z-index: 9999;
	width: 100%;
	left: 0;
	height: 0;
	top: 0;
	opacity: 0.4;
}
.activeDebugGrid #debugGrid {
	display: block;
}
.debugGridLine_1,
.debugGridLine_1r,
.debugGridLine_2,
.debugGridLine_3r,
.debugGridLine_3 {
	position: absolute;
	background-color: lime;
	width: 2px;
	height: 100vh;
	display: block;
}
.debugGridLine_1r,
.debugGridLine_3r {
	background-color: red;
}
.debugGridLine_1 {
	left: 5rem;
	margin-left: 5rem;
}
.debugGridLine_1r {
	left: 5rem;
}
.debugGridLine_2 {
	width: 2px;
	left: 50%;
	margin-left: -1px;
}
.debugGridLine_3r {
	right: 5rem;
}
.debugGridLine_3 {
	right: 5rem;
	margin-right: 5rem;
}
.debugGridLine_1r:after,
.debugGridLine_1:after,
.debugGridLine_3r:after,
.debugGridLine_3:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: teal;
}
.debugGridLine_1r:after {
	left: 2rem;
}
.debugGridLine_1:after {
	left: 1.5rem;
}
.debugGridLine_3r:after {
	right: 2rem;
}
.debugGridLine_3:after {
	right: 1.5rem;
}
#qthemePrettyMonitor {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 4px;
    font-size: 12px;
    z-index: 1000;
    background-color: #000;
    color: #FFF;
}
#qthemePrettyPre {
    position:fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background-color: #000;
    color: #FFF;
    font-size: 10px;
    padding: 4px 4px 22px 4px;
    max-height: 100%;
    max-width: 33%;
    overflow: auto;
    margin: 0;
    min-height: 22px;
    min-width: 22px;
}
#qthemePrettyPre.qthemeCompactPre {
    font-size: 0px;
    padding: 0px;
}
#qthemePrettyPreSwitch {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	background-color: #000;
    cursor: pointer;
}
#qthemeDebugAdminBar {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 4px;
    font-size: 0;
    z-index: 1000;
    background-color: #000;
    color: #FFF;
}
#qthemeAdminButtons,
#qthemeResponsivenessMonitor {
    display: inline-block;
    vertical-align: middle;
}
#qthemeResponsivenessMonitor {
    font-size: 12px;
}
.qthemeDevAdminBtn {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    top: 1px;
    font-size: 14px;
    line-height: 12px;
    margin-left: 8px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
.qthemeDevAdminBtn:hover {
    opacity: 0.5;
}
.qthemeDevAdminBtn:before {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-family: "Material Icons",sans-serif;
    color: #fff;
}
.qthemeDevAdminBtnDashboard::before {
    content: "\e871";
}
.qthemeDevAdminBtnEdit::before {
    content: "\e254";
}
.qthemeDevAdminBtnLogout::before{
    content: "\e7ff";
}
.qthemeDevGridSwitch::before {
    content: "\e3ec";
}
.activeDebugGrid .qthemeDevGridSwitch::before{
    content: "\e3eb";
}
.activeDebugGrid .singleCol,
.activeDebugGrid .leftCol {
	background-color: teal;
}
.activeDebugGrid .rightCol {
	background-color: red;
}
.activeDebugGrid .stripeBoxes {
	background-color: yellow;
}
.activeDebugGrid .box {
	background-color: orange;
}
.activeDebugGrid .boxHeader,
.activeDebugGrid .boxText {
	background-color: lime;
}
#qthemeResponsivenessMonitor:after {
    position: relative;
    display: block;
    content: '1920px';
}
/*
.activeDebugGrid .stripeBoxes {
	padding: 0px 3rem!important;
}

.activeDebugGrid .align_wrapper_left .stripeBoxes,
.activeDebugGrid .align_wrapper_all .stripeBoxes {
	padding-left: 6rem!important;
}
.activeDebugGrid .align_wrapper_right .stripeBoxes,
.activeDebugGrid .align_wrapper_all .stripeBoxes {
	padding-right: 6rem!important;
}

.activeDebugGrid .stripe .box_w_1 { width: 100%!important;; }
.activeDebugGrid .stripe .box_w_12 { width: 50%!important;; }
.activeDebugGrid .stripe .box_w_13 { width: 33.3333%!important;; }
.activeDebugGrid .stripe .box_w_14 { width: 25%!important;; }
.activeDebugGrid .stripe .box_w_15 { width: 20%!important;; }

.activeDebugGrid .box_first,
.activeDebugGrid .box_last {
	padding-left: 0!important;;
	padding-right: 0!important;;
}

.activeDebugGrid .stripe:not(.stripe_deep) .inside {

    padding: 0rem 4rem!important;

}

/*
	apptable
	padding: 0 2rem !important;
	*/

@media only screen and (max-width: 3840px) { #qthemeResponsivenessMonitor:after {content: '3840px'; } }
@media only screen and (max-width: 3440px) { #qthemeResponsivenessMonitor:after {content: '3440px'; } }
@media only screen and (max-width: 3040px) { #qthemeResponsivenessMonitor:after {content: '3040px'; } }
@media only screen and (max-width: 2640px) { #qthemeResponsivenessMonitor:after {content: '2640px'; } }
@media only screen and (max-width: 2240px) { #qthemeResponsivenessMonitor:after {content: '2240px'; } }
@media only screen and (max-width: 1920px) { #qthemeResponsivenessMonitor:after {content: '1920px'; } }
@media only screen and (max-width: 1840px) { #qthemeResponsivenessMonitor:after {content: '1840px'; } }
@media only screen and (max-width: 1440px) { #qthemeResponsivenessMonitor:after {content: '1440px'; } }
@media only screen and (max-width: 1366px) { #qthemeResponsivenessMonitor:after {content: '1366px'; } }
@media only screen and (max-width: 1280px) { #qthemeResponsivenessMonitor:after {content: '1280px'; } }
@media only screen and (max-width: 1040px) { #qthemeResponsivenessMonitor:after {content: '1040px'; } }
@media only screen and (max-width: 1024px) { #qthemeResponsivenessMonitor:after {content: '1024px'; } }
@media only screen and (max-width: 960px) { #qthemeResponsivenessMonitor:after {content: '960px'; } }
@media only screen and (max-width: 800px) { #qthemeResponsivenessMonitor:after {content: '800px'; } }
@media only screen and (max-width: 720px) { #qthemeResponsivenessMonitor:after {content: '720px'; } }
@media only screen and (max-width: 480px) { #qthemeResponsivenessMonitor:after {content: '480px'; } }
@media only screen and (max-width: 320px) { #qthemeResponsivenessMonitor:after {content: '320px'; } }