div.aw-badge-container
{
	width: 25%;
	position: relative;
	float: left;
	vertical-align: top;
}

div.fourByFour .aw-badge-container
{
	width: 50%;
	position: relative;
	float: left;
	vertical-align: top;
}
/*Vendor 6 x inf*/
#the_dashboard div.aw-badge-container
{
	width: 16.6666%;
}

div.fourByFour
{
	width: 50%;
	position: relative;
	float: left;

}

div.fourByFour:nth-child(odd)
{
	clear: left;
}

div.aw-badge-container:before
{
	content: "";
	display: block;
	padding-top: 65%;
}

div.aw-badge-container.row-2:before
{
	padding-top: 130%;
}

div.fourByFour .aw-badge-container.col-2
{
	width: 100%;
}

div.aw-badge-container.col-2
{
	width: 50%;
}

#the_dashboard div.aw-badge-container.col-2
{
	width: 33.3333%;
}

div.aw-badge-container.col-2:before
{
	padding-top: 32.5%;
}

div.aw-badge-container.col-2.row-2:before
{
	padding-top: 65%;
}

div.aw-badge-container a,
div.aw-badge-container a:active,
div.aw-badge-container a:hover,
div.aw-badge-container a:focus,
div.aw-badge-container a:visited
{
/*	color: inherit;
	text-decoration: none;*/
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

div.aw-badge-wrapper
{
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 6%;
	right: 6%;

	background-color: white;
	overflow: hidden;
}

div.aw-badge-container.col-2 > div.aw-badge-wrapper
{
	left: 3%;
	right: 3%;
}

div.aw-badge-container.row-2 > div.aw-badge-wrapper
{
	top: 5%;
	bottom: 5%;
}

div.aw-badge-wrapper.loading
{
   filter: alpha(opacity=70);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   opacity:0.7;
   -moz-opacity: 0.70; 
}

body.ie div.aw-badge-wrapper
{
	margin-top: 11px;
}

div.aw-badge-wrapper.clickable
{
	cursor : pointer !important;
}

div.aw-badge-wrapper.clickable div.aw-badge
{
	cursor : pointer !important;
	height: 100%;
}

div.aw-badge-container > div.aw-badge-wrapper.color1.inverted,
div.aw-badge-container > div.aw-badge-wrapper.color1.inverted i.fa,
div.aw-badge-container > div.aw-badge-wrapper.color2.inverted,
div.aw-badge-container > div.aw-badge-wrapper.color2.inverted i.fa
{
	color: white;
}

div.aw-badge-wrapper > form
{
	height: 100%;
}

div.titleContent,
div.customContent
{
	padding : 6%;
	position : absolute;
	text-align: center;
}

div.aw-badge-container.col-2 div.titleContent,
div.aw-badge-container.col-2 div.customContent
{
	padding: 3%;
}

div.aw-badge-container.row-1.col-1 div.titleContent,
div.aw-badge-container.row-2.col-1 div.titleContent,
div.aw-badge-container.row-1.col-2 div.titleContent,
div.aw-badge-container.row-2.col-2 div.titleContent
{
	left   : 0px;
	right  : 0px;
	top    : 0px;
}
div.aw-badge-container.row-1.col-2 div.titleContent.part
{
	width : 41%;
	left   : 0px;
	top    : 0px;
	bottom : 0px;
}

div.aw-badge-container.row-1.col-1 div.customContent,
div.aw-badge-container.row-2.col-1 div.customContent,
div.aw-badge-container.row-2.col-2 div.customContent
{
	left   : 0px;
	right  : 0px;
	bottom : 0px;
}
div.aw-badge-container.row-1.col-2 div.customContent
{
	padding-top    : 3%;
	padding-bottom : 3%;
	vertical-align: middle;
	width : 41%;
	right  : 0px;
	top    : 0px;
	bottom : 0px;
}

div.aw-badge-container div.customContent table.tileTable
{
	margin: 0px;
}

div.aw-badge-wrapper.color1,
div.aw-badge-wrapper.color2
{
	color: rgba(0,0,0,0.87);
}

div.aw-badge > i.fa
{
	font-size: 24px;
	font-size: 2.5vw;
}

div.aw-badge > div.header-container > h1
{
	font-size : 14px;
	font-weight : bold;
	margin : 6% 0px 4%;
	letter-spacing : 1px;
	text-transform: uppercase;
}

div.aw-badge-wrapper img.custom-image
{
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	bottom: 0px;
}

div.aw-badge-container.row-1.col-1 > div.aw-badge-wrapper.has-image i.fa,
div.aw-badge-container.row-1.col-1 > div.aw-badge-wrapper.has-image h1,
div.aw-badge-container.row-1.col-1 > div.aw-badge-wrapper.has-image span.subtitle,
div.aw-badge-container.row-1.col-1 > div.aw-badge-wrapper.has-image span.countdown-section,
div.aw-badge-container.row-2.col-2 > div.aw-badge-wrapper.has-image i.fa,
div.aw-badge-container.row-2.col-2 > div.aw-badge-wrapper.has-image h1,
div.aw-badge-container.row-2.col-2 > div.aw-badge-wrapper.has-image span.subtitle,
div.aw-badge-container.row-2.col-2 > div.aw-badge-wrapper.has-image span.countdown-section
{
	color: white;
}

div.aw-badge-container.row-1.col-1 > div.aw-badge-wrapper.has-image img.custom-image
{
	height: 100%;
}

div.aw-badge-container.row-1.col-2 > div.aw-badge-wrapper.has-image img.custom-image
{
	width: auto;
	height: 100%;
	right: 53%;
	left: auto;
	top: 0px;
	min-width: 47%;
}

div.aw-badge-container.row-1.col-2 > div.aw-badge-wrapper.has-image div.aw-badge
{
	padding-left: 53%;
}

div.aw-badge-container.row-2.col-1 > div.aw-badge-wrapper.has-image img.custom-image
{
	bottom: 55%;
	min-height: 45%;
}

div.aw-badge-container.row-2.col-1 > div.aw-badge-wrapper.has-image div.aw-badge
{
	padding-top: 75%;
}

div.aw-badge-container > div.aw-badge-wrapper span.subtitle
{
	color: black;
	opacity: 0.70;
	font-size: 11px;
}

div.aw-badge-container > div.aw-badge-wrapper.inverted span.subtitle
{
	color: white;
}

div.aw-badge-wrapper div.formElementLabelDiv
{
	display: none;
}

div.aw-badge-wrapper div.missing-timecards div.formElementLabelDiv,
div.aw-badge-wrapper div.missing-timecards div.formElementInputDiv
{
	display: inline-block;
}

div.aw-badge-wrapper div.missing-timecards div.formPair
{
	height: auto;
	width: 260px;
	position: relative;
	left: -108px;
	top: 25px;
	margin-top: 20px;
}

div.aw-badge-wrapper div.formElementInputDiv
{
	padding: 0px;
}

div.aw-badge-wrapper div.formPair
{
	padding: 0px;
	height : 26px;
}

div.aw-badge-wrapper div.formPair.invalid
{
	padding : 0px;
	margin : 0px;
}

div.aw-badge-container table > thead > tr > th
{
	padding: 0px;
}

div.aw-badge-container table > thead > tr > th,
div.aw-badge-container table > tbody > tr > td,
div.aw-badge-container table > tfoot > tr > th
{
	white-space: normal;
}

div.aw-badge-container table tr td:first-child {
	text-align : left;
}

div.aw-badge-container table tr td.number,
div.aw-badge-container table tr th.number
{
	text-align : right;
}

div.aw-badge-container table > tbody > tr:last-child
{
	border : none;
}

div.aw-badge-container table th {
	text-align : right;
}

div.aw-badge-container table > tbody > tr
{
	border-bottom: 1px solid #E0E0E0;
}

div.aw-badge-container div.number
{
	display: inline-block;
	*display : inline;
	zoom : 1;
	color: white;
	min-width: 16px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	height: 20px;
	border-radius: 10px;
	padding: 0px 2px;
}

div.aw-badge-container div.number.action:hover
{
	padding: 0px 3px;
	line-height: 22px;
	height: 22px;
	border-radius: 11px;
	position: relative;
	right: -1px;
}

div.aw-badge-container div.action
{
	cursor: pointer;
}

div.aw-badge table span
{
	display: block;
	margin : 0px;
	/*padding : 12px 0px 12px 0px;*/
}

div.aw-badge div > div.number {
	float : right;
	margin : auto 0px;
	height : 100%;
}

div.aw-badge div span.awjs-navigate {
	display : block;
	text-align : left;
	/*padding : 12px 0px 12px 0px;*/
}

div.aw-badge div span.awjs-navigate {
	margin-top : 20px;
}

div.cmstimer.aw-badge-wrapper div.countdown
{
	position : absolute;
	bottom : 9%;
	font-size : 14px;
	font-size : 0.9vw;
	width : 98%;
 	left: 2%;
}

div.aw-badge-wrapper.cmstimer  div.aw-badge > div.header-container > h1
{
	margin: 10px 10px;
}
div.row-2 div.aw-badge-wrapper.cmstimer  div.aw-badge > div.header-container > h1
{
	margin: 20px 20px;
}


.is-countdown
{
	border : none !important;
	background : none !important;
}

div.aw-badge.timecardstateoverview table tr th,
div.aw-badge.timecardstateoverview table tr td
{
	text-align : right;
}

div.aw-badge.timecardstateoverview table tr td:first-child 
{
	text-align : left;
}

div.aw-badge-wrapper.cmspoll {
	overflow : initial;
}
div.aw-badge-wrapper.cmspoll a{
	cursor: inherit;
}
div.aw-badge-wrapper.cmspoll input{
	cursor: pointer;
}
div.aw-badge-wrapper.cmspoll div.poll-options {
	width : 100%;
	margin : 20px auto -12px;
}

div.cmspoll.aw-badge-wrapper div.formPair.disabled > div.formElementInputDiv
{
	border : none;
}

.hidden-iframe
{
	display:none;
}

div.aw-badge-wrapper.clocktime div.aw-badge
{
	padding-right: 53%;
}

div.aw-badge-wrapper.clocktime div.aw-badge i.fa
{
	font-size: 3.0vw;
}

div.aw-badge-wrapper.clocktime div.aw-badge > span.subtitle.time
{
	font-size: 16px;
	padding: 4px 0px;
}

div.aw-badge-wrapper.clocktime div.aw-badge > span.subtitle.time.active
{
	color: #FF1844;
	display: inline-block;
	opacity: 1;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 8px;
	border: 2px solid #FF1844;
	border-radius: 13px;
	background: white;
	animation: clocktime 4s linear infinite;
}

div.aw-badge-wrapper.clocktime div.play-pause-area
{
	bottom: 0px;
	padding-right: 3%;
	margin-left: 53%;
}

div.aw-badge-wrapper.clocktime div.play-pause-area.disabled
{
	opacity: 0.4;
}

@keyframes clocktime
{
	0% {border-color: rgba(255, 24, 68, 1); color: rgba(255, 24, 68, 1);}
	50% {border-color: rgba(255, 24, 68, 0); color: rgba(255, 24, 68, 0.9);}
	100% {border-color: rgba(255, 24, 68, 1); color: rgba(255, 24, 68, 1);}
}

div.aw-badge-wrapper.clocktime div.aw-badge div.spinner
{
	display: inline-block;
	position: relative;
	width: 3vw;
	height: 3vw;
	padding: 0.35vw;
	margin: -0.35vw 0;
}

div.aw-badge-wrapper.clocktime div.aw-badge div.spinner div
{
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0.2vw solid white;
	border-radius: 50%;
	animation: spinner 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: white transparent transparent transparent;
}
div.aw-badge-wrapper.clocktime div.aw-badge div.spinner div:nth-child(1)
{
	animation-delay: -0.52s;
}
div.aw-badge-wrapper.clocktime div.aw-badge div.spinner div:nth-child(2)
{
	animation-delay: -0.35s;
}
div.aw-badge-wrapper.clocktime div.aw-badge div.spinner div:nth-child(3)
{
	animation-delay: -0.18s;
}
@keyframes spinner
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}

div.aw-badge-wrapper.vacancy.clickable div.aw-badge
{
	height: auto;
	bottom: 0px;
}

div.aw-badge-container div.aw-badge-wrapper.vacancy span.subtitle
{
	display: block !important;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
}

div.aw-badge-wrapper.vacancy.old div.aw-badge > div.header-container > h1
{
	font-size: 16px !important;
}

div.aw-badge-container div.aw-badge-wrapper.vacancy.old span.subtitle
{
	text-align: left;
	line-height: inherit;
	font-size: inherit;
}

div.aw-badge-wrapper.vacancy span.subtitle a
{
	display: inline;
	position: initial;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}

div.aw-badge-wrapper.vacancy div.footer
{
	font-size: 16px;
	position: relative;
	height: 24px;
	margin-top: 15px;
	text-align: left;
}

div.aw-badge-wrapper.vacancy div.footer span
{
	position: absolute;
	bottom: 0px;
	display: inline-block;
	font-size: 15px;
	color: rgba(0,0,0,0.7);
}

div.aw-badge-wrapper.vacancy div.footer span.hours
{
	width: 110px;
	left: 0px;
}

div.aw-badge-wrapper.vacancy div.footer span.location
{
	left: 125px;
	right: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.aw-badge-wrapper.vacancy div.footer span i
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	font-size: 24px;
}

div.aw-badge-wrapper.vacancy div.footer span a
{
	position : relative;
	display : inline;
}

div.aw-badge-container > div.aw-badge-wrapper.color1.inverted table div.number,
div.aw-badge-container > div.aw-badge-wrapper.color2.inverted table div.number
{
	background-color: white;
	color: black;
}

div.aw-badge-container > div.aw-badge-wrapper.color1.inverted table tr th.number,
div.aw-badge-container > div.aw-badge-wrapper.color2.inverted table tr th.number,
div.aw-badge-container > div.aw-badge-wrapper.color1.inverted i.aw-badge.fa,
div.aw-badge-container > div.aw-badge-wrapper.color2.inverted i.aw-badge.fa
{
	color: white;
}

div.aw-badge-container > div.aw-badge-wrapper.color1 i.fa
{
	color: #C7D301;
}

div.aw-badge-container > div.aw-badge-wrapper.color2 i.fa
{
	color: #818C27;
}

div.aw-badge-container > div.aw-badge-wrapper.color2 div.number
{
	background-color: #818C27;
}

div.aw-badge-container > div.aw-badge-wrapper div.overflow-fade
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 18.67%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.333), rgba(255,255,255,0.667), rgba(255,255,255,1), rgba(255,255,255,1));
}

div.aw-badge-container.noteakyla div.customContent
{
	text-align: left;
}

div.aw-badge-container.noteakyla div.customContent,
div.aw-badge-container.noteakyla div.titleContent
{
	position : relative;
}

div.aw-badge > i.fa-external-link
{
	display: none;
}

div.dashboardpage#vacancy-dashboard div.aw-badge-wrapper i.fa.aw-badge.vacancy-logo
{
	padding: 0px;
	border: 0px;
	width : calc(2.5vw + 42px);
	height: calc(2.5vw + 42px);
}

div.aw-badge.vacancy i.vacancy-logo img
{
	max-width : calc(2.5vw + 42px);
	max-height: calc(2.5vw + 42px);
	box-sizing: border-box;
	line-height: calc(2.5vw + 42px);
}

/** Default media queries for e-UUR */

/**
 * width < 600px
 * 2 columns, action bar hidden, stream hidden.
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  599px) and (orientation: portrait), (max-width:  799px) and (orientation: landscape)
{
	div.aw-badge-container
	{
		width: 50%;
	}

	div.aw-badge-container.col-2
	{
		width: 100%;
	}

	div.aw-badge > i.fa
	{
		font-size: 7.5vw;
	}

	div.aw-badge-container > div.aw-badge-wrapper span.subtitle
	{
		display: none;
	}

	div.aw-badge-wrapper
	{
		top: 5%;
		bottom: 5%;
		left: 3%;
		right: 3%;
	}

	div.aw-badge-container.col-2 > div.aw-badge-wrapper
	{
		left: 1.5%;
		right: 1.5%;
	}

	div.aw-badge-container.row-2 > div.aw-badge-wrapper
	{
		top: 2.5%;
		bottom: 2.5%;
	}

	div.titleContent, div.customContent
	{
		padding: 3%;
	}

	div.titleContent
	{
		padding-top: 5px;
	}

	div.aw-badge-container div.customContent table.tileTable
	{
		bottom: 5px;
		position: relative;
	}

	div.customContent table > tbody > tr > td
	{
		font-size: 11px;
		/*height: initial;*/
		height: 25px;
	}

	div.customContent table > tbody > tr > td div.number
	{
		min-width: 12px;
		font-size: 11px;
		line-height: 16px;
		text-align: center;
		font-weight: bold;
		height: 16px;
	}

	i.aw-badge.fa
	{
		display: inline-block;
	}

	div.aw-badge > div.header-container
	{
		/*padding : 0px 0px 0px 2%;*/
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

	div.aw-badge > div.header-container > h1
	{
		font-size: 11px;
		display: inline-block;
		margin-top: 2%;
		/*margin-left: 2%;*/
	}

	div.fourByFour
	{
		width: 100%;
	}

	div.aw-badge-wrapper.clocktime div.play-pause-area
	{
		margin-left: 51.5%;
	}

	div.aw-badge-wrapper.clocktime div.aw-badge i.fa
	{
		font-size: 10vw;
	}

	div.cmstimer.aw-badge-wrapper div.countdown
	{
		font-size: 10px;
	}

	div.aw-badge-wrapper.clocktime div.aw-badge div.spinner
	{
		width: 10vw;
		height: 10vw;
		padding: 1vw;
		margin: -1vw 0;
	}

	div.aw-badge-wrapper.clocktime div.aw-badge div.spinner div
	{
		border-width: 0.6vw;
	}

	div.aw-badge-wrapper.clocktime div.aw-badge h1
	{
		margin-top: 4%;
	}

	div.aw-badge-container > div.aw-badge-wrapper.clocktime span.subtitle
	{
		display: inline;
	}

	div.cmspoll.aw-badge-wrapper div.formPair.disabled > div.formElementInputDiv
	{
		border: none;
	}

	div.cmspoll.aw-badge-wrapper div.poll-options span
	{
		margin-top: -5px;
		max-height: 15px;
		font-size: smaller;
	}

	div.aw-badge-wrapper.clocktime div.aw-badge > span.subtitle.time,
	div.aw-badge-wrapper.clocktime div.aw-badge > span.subtitle.time.active
	{
		padding: 2px 8px;
		font-size: 14px;
	}

	div.aw-badge-container > div.aw-badge-wrapper div.overflow-fade
	{
		height: 9.33%;
	}
	
	div.dashboardpage#vacancy-dashboard div.aw-badge-wrapper i.fa.aw-badge.vacancy-logo
	{
		padding: 0px;
		border: 0px;
		width : calc(7.5vw + 42px);
		height: calc(7.5vw + 42px);
	}

	div.aw-badge.vacancy i.vacancy-logo img
	{
		max-width : calc(7.5vw + 42px);
		max-height: calc(7.5vw + 42px);
		box-sizing: border-box;
		line-height: calc(7.5vw + 42px);
	}
}

/**
 * width < 600px
 * 2 columns, action bar hidden, stream hidden.
 * Phone portait, small phone landscape.
 */
@media all and (min-width: 460px) and (max-width:  599px)
{
	div.aw-badge > div.header-container > h1
	{
		font-size: 16px;
	}

	div.aw-badge-container > div.aw-badge-wrapper span.subtitle
	{
		font-size: 12px;
		display: inline;
	}

	div.fourByFour
	{
		width: 100%;
	}

	div.aw-badge-wrapper.clocktime div.aw-badge > i.fa
	{
		font-size: 12vw;
	}

	div.aw-badge-container > div.aw-badge-wrapper.clocktime span.subtitle
	{
		font-size: 16px;
	}
}

/**
 * 600px <= width < 960px
 * 2 columns, action bar visible, stream hidden.
 * Large phone landscape, tablet portrait.
 */
@media all and (min-width: 600px) and (max-width: 959px) and (orientation: portrait), (min-width: 800px) and (max-width: 959px) and (orientation: landscape)
{
	div.aw-badge-container
	{
		width: 50%;
	}

	div.aw-badge-container.col-2
	{
		width: 100%;
	}

	div.aw-badge > i.fa
	{
		font-size: 4vw;
	}

	div.fourByFour
	{
		width: 100%;
	}
	
	div.dashboardpage#vacancy-dashboard div.aw-badge-wrapper i.fa.aw-badge.vacancy-logo
	{
		padding: 0px;
		border: 0px;
		width : calc(4vw + 42px);
		height: calc(4vw + 42px);
	}
	
	div.aw-badge.vacancy i.vacancy-logo img
	{
		max-width : calc(4vw + 42px);
		max-height: calc(4vw + 42px);
		box-sizing: border-box;
		line-height: calc(4vw + 42px);
	}
}

/**
 * 780px <= width < 959px
 * Special case to make badges more scalable.
 */
@media all and (min-width: 780px) and (max-width: 959px) and (orientation: portrait), (min-width: 800px) and (max-width: 959px) and (orientation: landscape)
{
	div.aw-badge > div.header-container > h1
	{
		font-size: 16px;
	}

	div.aw-badge-container > div.aw-badge-wrapper span.subtitle
	{
		font-size: 12px;
	}
}

/**
 * 960px <= width < 1280px
 * 4 columns, action bar visible, stream hidden.
 * Tablet landscape, small desktop.
 */
@media all and (min-width: 960px) and (max-width: 1279px)
{
	div.aw-badge-container > div.aw-badge-wrapper span.subtitle
	{
	display:none;
	}
}

/**
 * 1120px <= width < 1280px
 * Special case to make badges more scalable.
 */
@media all and (min-width: 1120px) and (max-width: 1279px)
{
	div.aw-badge > div.header-container > h1
	{
		font-size: 16px;
	}

	div.aw-badge-container > div.aw-badge-wrapper span.subtitle
	{
		font-size: 12px;
	}
}



/**
 * width >= 1280px
 * 4 columns, action bar visible, stream visible.
 * Large desktop.
 */
@media all and (min-width: 1280px)
{
	div.aw-badge > i.fa
	{
		font-size: 1.9vw;
	}
}

/**
 * width >= 1600px
 * Special case to make badges more scalable.
 */
@media all and (min-width: 1600px)
{
	div.aw-badge > div.header-container > h1
	{
		font-size: 16px;
	}

	div.aw-badge-container > div.aw-badge-wrapper span.subtitle
	{
		font-size: 12px;
	}
}

/**
 * width <= 1500px
 * Special case to make badges more scalable. Vendor 4 x inf
 */
@media all and (max-width: 1500px)
{
	#the_dashboard div.aw-badge-container, #the_dashboard .sizer
	{
		width: 25%;
	}

	#the_dashboard div.aw-badge-container.col-2
	{
		width: 50%;
	}
}

/**
 * width >= 2200px
 * Special case to make badges more scalable. Vendor 8 x inf
 */
@media all and (min-width: 2200px)
{
	#the_dashboard div.aw-badge-container, #the_dashboard .sizer
	{
		width: 12.5%;
	}

	#the_dashboard div.aw-badge-container.col-2
	{
		width: 25%;
	}
}
@media all and (max-width: 960px)
{
	#the_dashboard div.aw-badge-container, #the_dashboard .sizer
	{
		width: 50%;
	}

	#the_dashboard div.aw-badge-container.col-2
	{
		width: 100%;
	}
}
@media all and (min-width: 960px)
{
	div.dashboard div.dashboardpage
	{
		display: grid;
		grid-template-columns: repeat(4, 50%);
	}
}