/* --------------------------------------
	Responsive
	
	Some CSS, Mixins, and Media Queries
	to assist in making things respnosive
	 
   -------------------------------------- */
/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
/* Generate Helpful Padding/Margin classes with pre-build responsive media queries 
    Warning, this may make your head spin. This generates about 1300 lines of CSS...

    This generates the following examples: 
    * padding-top-medium and margin-left-small CSS classes
    * padding-width-tiny or margin-height-large
    * height-huge or width-medium-large
*/
.padding-top-huge {
		padding-top: 80px; }

.padding-top-larger {
		padding-top: 60px; }

.padding-top-large {
		padding-top: 40px; }

.padding-top-medium {
		padding-top: 20px; }

.padding-top-medium-large {
		padding-top: 30px; }

.padding-top-small {
		padding-top: 10px; }

.padding-top-tiny {
		padding-top: 5px; }

.padding-right-huge {
		padding-right: 80px; }

.padding-right-larger {
		padding-right: 60px; }

.padding-right-large {
		padding-right: 40px; }

.padding-right-medium {
		padding-right: 20px; }

.padding-right-medium-large {
		padding-right: 30px; }

.padding-right-small {
		padding-right: 10px; }

.padding-right-tiny {
		padding-right: 5px; }

.padding-bottom-huge {
		padding-bottom: 80px; }

.padding-bottom-larger {
		padding-bottom: 60px; }

.padding-bottom-large {
		padding-bottom: 40px; }

.padding-bottom-medium {
		padding-bottom: 20px; }

.padding-bottom-medium-large {
		padding-bottom: 30px; }

.padding-bottom-small {
		padding-bottom: 10px; }

.padding-bottom-tiny {
		padding-bottom: 5px; }

.padding-left-huge {
		padding-left: 80px; }

.padding-left-larger {
		padding-left: 60px; }

.padding-left-large {
		padding-left: 40px; }

.padding-left-medium {
		padding-left: 20px; }

.padding-left-medium-large {
		padding-left: 30px; }

.padding-left-small {
		padding-left: 10px; }

.padding-left-tiny {
		padding-left: 5px; }

.padding-width-huge {
		padding-left: 80px;
		padding-right: 80px; }

.padding-height-huge {
		padding-top: 80px;
		padding-bottom: 80px; }

.padding-width-larger {
		padding-left: 60px;
		padding-right: 60px; }

.padding-height-larger {
		padding-top: 60px;
		padding-bottom: 60px; }

.padding-width-large {
		padding-left: 40px;
		padding-right: 40px; }

.padding-height-large {
		padding-top: 40px;
		padding-bottom: 40px; }

.padding-width-medium {
		padding-left: 20px;
		padding-right: 20px; }

.padding-height-medium {
		padding-top: 20px;
		padding-bottom: 20px; }

.padding-width-medium-large {
		padding-left: 30px;
		padding-right: 30px; }

.padding-height-medium-large {
		padding-top: 30px;
		padding-bottom: 30px; }

.padding-width-small {
		padding-left: 10px;
		padding-right: 10px; }

.padding-height-small {
		padding-top: 10px;
		padding-bottom: 10px; }

.padding-width-tiny {
		padding-left: 5px;
		padding-right: 5px; }

.padding-height-tiny {
		padding-top: 5px;
		padding-bottom: 5px; }

.margin-top-huge {
		margin-top: 80px; }

.margin-top-larger {
		margin-top: 60px; }

.margin-top-large {
		margin-top: 40px; }

.margin-top-medium {
		margin-top: 20px; }

.margin-top-medium-large {
		margin-top: 30px; }

.margin-top-small {
		margin-top: 10px; }

.margin-top-tiny {
		margin-top: 5px; }

.margin-right-huge {
		margin-right: 80px; }

.margin-right-larger {
		margin-right: 60px; }

.margin-right-large {
		margin-right: 40px; }

.margin-right-medium {
		margin-right: 20px; }

.margin-right-medium-large {
		margin-right: 30px; }

.margin-right-small {
		margin-right: 10px; }

.margin-right-tiny {
		margin-right: 5px; }

.margin-bottom-huge {
		margin-bottom: 80px; }

.margin-bottom-larger {
		margin-bottom: 60px; }

.margin-bottom-large {
		margin-bottom: 40px; }

.margin-bottom-medium {
		margin-bottom: 20px; }

.margin-bottom-medium-large {
		margin-bottom: 30px; }

.margin-bottom-small {
		margin-bottom: 10px; }

.margin-bottom-tiny {
		margin-bottom: 5px; }

.margin-left-huge {
		margin-left: 80px; }

.margin-left-larger {
		margin-left: 60px; }

.margin-left-large {
		margin-left: 40px; }

.margin-left-medium {
		margin-left: 20px; }

.margin-left-medium-large {
		margin-left: 30px; }

.margin-left-small {
		margin-left: 10px; }

.margin-left-tiny {
		margin-left: 5px; }

.margin-width-huge {
		margin-left: 80px;
		margin-right: 80px; }

.margin-height-huge {
		margin-top: 80px;
		margin-bottom: 80px; }

.margin-width-larger {
		margin-left: 60px;
		margin-right: 60px; }

.margin-height-larger {
		margin-top: 60px;
		margin-bottom: 60px; }

.margin-width-large {
		margin-left: 40px;
		margin-right: 40px; }

.margin-height-large {
		margin-top: 40px;
		margin-bottom: 40px; }

.margin-width-medium {
		margin-left: 20px;
		margin-right: 20px; }

.margin-height-medium {
		margin-top: 20px;
		margin-bottom: 20px; }

.margin-width-medium-large {
		margin-left: 30px;
		margin-right: 30px; }

.margin-height-medium-large {
		margin-top: 30px;
		margin-bottom: 30px; }

.margin-width-small {
		margin-left: 10px;
		margin-right: 10px; }

.margin-height-small {
		margin-top: 10px;
		margin-bottom: 10px; }

.margin-width-tiny {
		margin-left: 5px;
		margin-right: 5px; }

.margin-height-tiny {
		margin-top: 5px;
		margin-bottom: 5px; }

.height-huge {
		height: 80px; }

.width-huge {
		width: 80px; }

.height-larger {
		height: 60px; }

.width-larger {
		width: 60px; }

.height-large {
		height: 40px; }

.width-large {
		width: 40px; }

.height-medium {
		height: 20px; }

.width-medium {
		width: 20px; }

.height-medium-large {
		height: 30px; }

.width-medium-large {
		width: 30px; }

.height-small {
		height: 10px; }

.width-small {
		width: 10px; }

.height-tiny {
		height: 5px; }

.width-tiny {
		width: 5px; }

@media all and (min-width: 1600px) {
		.padding-top-huge {
				padding-top: 80px; }
		.padding-top-larger {
				padding-top: 60px; }
		.padding-top-large {
				padding-top: 40px; }
		.padding-top-medium {
				padding-top: 20px; }
		.padding-top-medium-large {
				padding-top: 30px; }
		.padding-top-small {
				padding-top: 10px; }
		.padding-top-tiny {
				padding-top: 5px; }
		.padding-right-huge {
				padding-right: 80px; }
		.padding-right-larger {
				padding-right: 60px; }
		.padding-right-large {
				padding-right: 40px; }
		.padding-right-medium {
				padding-right: 20px; }
		.padding-right-medium-large {
				padding-right: 30px; }
		.padding-right-small {
				padding-right: 10px; }
		.padding-right-tiny {
				padding-right: 5px; }
		.padding-bottom-huge {
				padding-bottom: 80px; }
		.padding-bottom-larger {
				padding-bottom: 60px; }
		.padding-bottom-large {
				padding-bottom: 40px; }
		.padding-bottom-medium {
				padding-bottom: 20px; }
		.padding-bottom-medium-large {
				padding-bottom: 30px; }
		.padding-bottom-small {
				padding-bottom: 10px; }
		.padding-bottom-tiny {
				padding-bottom: 5px; }
		.padding-left-huge {
				padding-left: 80px; }
		.padding-left-larger {
				padding-left: 60px; }
		.padding-left-large {
				padding-left: 40px; }
		.padding-left-medium {
				padding-left: 20px; }
		.padding-left-medium-large {
				padding-left: 30px; }
		.padding-left-small {
				padding-left: 10px; }
		.padding-left-tiny {
				padding-left: 5px; }
		.padding-width-huge {
				padding-left: 80px;
				padding-right: 80px; }
		.padding-height-huge {
				padding-top: 80px;
				padding-bottom: 80px; }
		.padding-width-larger {
				padding-left: 60px;
				padding-right: 60px; }
		.padding-height-larger {
				padding-top: 60px;
				padding-bottom: 60px; }
		.padding-width-large {
				padding-left: 40px;
				padding-right: 40px; }
		.padding-height-large {
				padding-top: 40px;
				padding-bottom: 40px; }
		.padding-width-medium {
				padding-left: 20px;
				padding-right: 20px; }
		.padding-height-medium {
				padding-top: 20px;
				padding-bottom: 20px; }
		.padding-width-medium-large {
				padding-left: 30px;
				padding-right: 30px; }
		.padding-height-medium-large {
				padding-top: 30px;
				padding-bottom: 30px; }
		.padding-width-small {
				padding-left: 10px;
				padding-right: 10px; }
		.padding-height-small {
				padding-top: 10px;
				padding-bottom: 10px; }
		.padding-width-tiny {
				padding-left: 5px;
				padding-right: 5px; }
		.padding-height-tiny {
				padding-top: 5px;
				padding-bottom: 5px; }
		.margin-top-huge {
				margin-top: 80px; }
		.margin-top-larger {
				margin-top: 60px; }
		.margin-top-large {
				margin-top: 40px; }
		.margin-top-medium {
				margin-top: 20px; }
		.margin-top-medium-large {
				margin-top: 30px; }
		.margin-top-small {
				margin-top: 10px; }
		.margin-top-tiny {
				margin-top: 5px; }
		.margin-right-huge {
				margin-right: 80px; }
		.margin-right-larger {
				margin-right: 60px; }
		.margin-right-large {
				margin-right: 40px; }
		.margin-right-medium {
				margin-right: 20px; }
		.margin-right-medium-large {
				margin-right: 30px; }
		.margin-right-small {
				margin-right: 10px; }
		.margin-right-tiny {
				margin-right: 5px; }
		.margin-bottom-huge {
				margin-bottom: 80px; }
		.margin-bottom-larger {
				margin-bottom: 60px; }
		.margin-bottom-large {
				margin-bottom: 40px; }
		.margin-bottom-medium {
				margin-bottom: 20px; }
		.margin-bottom-medium-large {
				margin-bottom: 30px; }
		.margin-bottom-small {
				margin-bottom: 10px; }
		.margin-bottom-tiny {
				margin-bottom: 5px; }
		.margin-left-huge {
				margin-left: 80px; }
		.margin-left-larger {
				margin-left: 60px; }
		.margin-left-large {
				margin-left: 40px; }
		.margin-left-medium {
				margin-left: 20px; }
		.margin-left-medium-large {
				margin-left: 30px; }
		.margin-left-small {
				margin-left: 10px; }
		.margin-left-tiny {
				margin-left: 5px; }
		.margin-width-huge {
				margin-left: 80px;
				margin-right: 80px; }
		.margin-height-huge {
				margin-top: 80px;
				margin-bottom: 80px; }
		.margin-width-larger {
				margin-left: 60px;
				margin-right: 60px; }
		.margin-height-larger {
				margin-top: 60px;
				margin-bottom: 60px; }
		.margin-width-large {
				margin-left: 40px;
				margin-right: 40px; }
		.margin-height-large {
				margin-top: 40px;
				margin-bottom: 40px; }
		.margin-width-medium {
				margin-left: 20px;
				margin-right: 20px; }
		.margin-height-medium {
				margin-top: 20px;
				margin-bottom: 20px; }
		.margin-width-medium-large {
				margin-left: 30px;
				margin-right: 30px; }
		.margin-height-medium-large {
				margin-top: 30px;
				margin-bottom: 30px; }
		.margin-width-small {
				margin-left: 10px;
				margin-right: 10px; }
		.margin-height-small {
				margin-top: 10px;
				margin-bottom: 10px; }
		.margin-width-tiny {
				margin-left: 5px;
				margin-right: 5px; }
		.margin-height-tiny {
				margin-top: 5px;
				margin-bottom: 5px; }
		.height-huge {
				height: 80px; }
		.width-huge {
				width: 80px; }
		.height-larger {
				height: 60px; }
		.width-larger {
				width: 60px; }
		.height-large {
				height: 40px; }
		.width-large {
				width: 40px; }
		.height-medium {
				height: 20px; }
		.width-medium {
				width: 20px; }
		.height-medium-large {
				height: 30px; }
		.width-medium-large {
				width: 30px; }
		.height-small {
				height: 10px; }
		.width-small {
				width: 10px; }
		.height-tiny {
				height: 5px; }
		.width-tiny {
				width: 5px; } }

@media all and (max-width: 1600px) {
		.padding-top-huge {
				padding-top: 80px; }
		.padding-top-larger {
				padding-top: 60px; }
		.padding-top-large {
				padding-top: 40px; }
		.padding-top-medium {
				padding-top: 20px; }
		.padding-top-medium-large {
				padding-top: 30px; }
		.padding-top-small {
				padding-top: 10px; }
		.padding-top-tiny {
				padding-top: 5px; }
		.padding-right-huge {
				padding-right: 80px; }
		.padding-right-larger {
				padding-right: 60px; }
		.padding-right-large {
				padding-right: 40px; }
		.padding-right-medium {
				padding-right: 20px; }
		.padding-right-medium-large {
				padding-right: 30px; }
		.padding-right-small {
				padding-right: 10px; }
		.padding-right-tiny {
				padding-right: 5px; }
		.padding-bottom-huge {
				padding-bottom: 80px; }
		.padding-bottom-larger {
				padding-bottom: 60px; }
		.padding-bottom-large {
				padding-bottom: 40px; }
		.padding-bottom-medium {
				padding-bottom: 20px; }
		.padding-bottom-medium-large {
				padding-bottom: 30px; }
		.padding-bottom-small {
				padding-bottom: 10px; }
		.padding-bottom-tiny {
				padding-bottom: 5px; }
		.padding-left-huge {
				padding-left: 80px; }
		.padding-left-larger {
				padding-left: 60px; }
		.padding-left-large {
				padding-left: 40px; }
		.padding-left-medium {
				padding-left: 20px; }
		.padding-left-medium-large {
				padding-left: 30px; }
		.padding-left-small {
				padding-left: 10px; }
		.padding-left-tiny {
				padding-left: 5px; }
		.padding-width-huge {
				padding-left: 80px;
				padding-right: 80px; }
		.padding-height-huge {
				padding-top: 80px;
				padding-bottom: 80px; }
		.padding-width-larger {
				padding-left: 60px;
				padding-right: 60px; }
		.padding-height-larger {
				padding-top: 60px;
				padding-bottom: 60px; }
		.padding-width-large {
				padding-left: 40px;
				padding-right: 40px; }
		.padding-height-large {
				padding-top: 40px;
				padding-bottom: 40px; }
		.padding-width-medium {
				padding-left: 20px;
				padding-right: 20px; }
		.padding-height-medium {
				padding-top: 20px;
				padding-bottom: 20px; }
		.padding-width-medium-large {
				padding-left: 30px;
				padding-right: 30px; }
		.padding-height-medium-large {
				padding-top: 30px;
				padding-bottom: 30px; }
		.padding-width-small {
				padding-left: 10px;
				padding-right: 10px; }
		.padding-height-small {
				padding-top: 10px;
				padding-bottom: 10px; }
		.padding-width-tiny {
				padding-left: 5px;
				padding-right: 5px; }
		.padding-height-tiny {
				padding-top: 5px;
				padding-bottom: 5px; }
		.margin-top-huge {
				margin-top: 80px; }
		.margin-top-larger {
				margin-top: 60px; }
		.margin-top-large {
				margin-top: 40px; }
		.margin-top-medium {
				margin-top: 20px; }
		.margin-top-medium-large {
				margin-top: 30px; }
		.margin-top-small {
				margin-top: 10px; }
		.margin-top-tiny {
				margin-top: 5px; }
		.margin-right-huge {
				margin-right: 80px; }
		.margin-right-larger {
				margin-right: 60px; }
		.margin-right-large {
				margin-right: 40px; }
		.margin-right-medium {
				margin-right: 20px; }
		.margin-right-medium-large {
				margin-right: 30px; }
		.margin-right-small {
				margin-right: 10px; }
		.margin-right-tiny {
				margin-right: 5px; }
		.margin-bottom-huge {
				margin-bottom: 80px; }
		.margin-bottom-larger {
				margin-bottom: 60px; }
		.margin-bottom-large {
				margin-bottom: 40px; }
		.margin-bottom-medium {
				margin-bottom: 20px; }
		.margin-bottom-medium-large {
				margin-bottom: 30px; }
		.margin-bottom-small {
				margin-bottom: 10px; }
		.margin-bottom-tiny {
				margin-bottom: 5px; }
		.margin-left-huge {
				margin-left: 80px; }
		.margin-left-larger {
				margin-left: 60px; }
		.margin-left-large {
				margin-left: 40px; }
		.margin-left-medium {
				margin-left: 20px; }
		.margin-left-medium-large {
				margin-left: 30px; }
		.margin-left-small {
				margin-left: 10px; }
		.margin-left-tiny {
				margin-left: 5px; }
		.margin-width-huge {
				margin-left: 80px;
				margin-right: 80px; }
		.margin-height-huge {
				margin-top: 80px;
				margin-bottom: 80px; }
		.margin-width-larger {
				margin-left: 60px;
				margin-right: 60px; }
		.margin-height-larger {
				margin-top: 60px;
				margin-bottom: 60px; }
		.margin-width-large {
				margin-left: 40px;
				margin-right: 40px; }
		.margin-height-large {
				margin-top: 40px;
				margin-bottom: 40px; }
		.margin-width-medium {
				margin-left: 20px;
				margin-right: 20px; }
		.margin-height-medium {
				margin-top: 20px;
				margin-bottom: 20px; }
		.margin-width-medium-large {
				margin-left: 30px;
				margin-right: 30px; }
		.margin-height-medium-large {
				margin-top: 30px;
				margin-bottom: 30px; }
		.margin-width-small {
				margin-left: 10px;
				margin-right: 10px; }
		.margin-height-small {
				margin-top: 10px;
				margin-bottom: 10px; }
		.margin-width-tiny {
				margin-left: 5px;
				margin-right: 5px; }
		.margin-height-tiny {
				margin-top: 5px;
				margin-bottom: 5px; }
		.height-huge {
				height: 80px; }
		.width-huge {
				width: 80px; }
		.height-larger {
				height: 60px; }
		.width-larger {
				width: 60px; }
		.height-large {
				height: 40px; }
		.width-large {
				width: 40px; }
		.height-medium {
				height: 20px; }
		.width-medium {
				width: 20px; }
		.height-medium-large {
				height: 30px; }
		.width-medium-large {
				width: 30px; }
		.height-small {
				height: 10px; }
		.width-small {
				width: 10px; }
		.height-tiny {
				height: 5px; }
		.width-tiny {
				width: 5px; } }

@media all and (max-width: 1400px) {
		.padding-top-huge {
				padding-top: 70px; }
		.padding-top-larger {
				padding-top: 52.5px; }
		.padding-top-large {
				padding-top: 35px; }
		.padding-top-medium {
				padding-top: 17.5px; }
		.padding-top-medium-large {
				padding-top: 26.25px; }
		.padding-top-small {
				padding-top: 8.75px; }
		.padding-top-tiny {
				padding-top: 4.375px; }
		.padding-right-huge {
				padding-right: 70px; }
		.padding-right-larger {
				padding-right: 52.5px; }
		.padding-right-large {
				padding-right: 35px; }
		.padding-right-medium {
				padding-right: 17.5px; }
		.padding-right-medium-large {
				padding-right: 26.25px; }
		.padding-right-small {
				padding-right: 8.75px; }
		.padding-right-tiny {
				padding-right: 4.375px; }
		.padding-bottom-huge {
				padding-bottom: 70px; }
		.padding-bottom-larger {
				padding-bottom: 52.5px; }
		.padding-bottom-large {
				padding-bottom: 35px; }
		.padding-bottom-medium {
				padding-bottom: 17.5px; }
		.padding-bottom-medium-large {
				padding-bottom: 26.25px; }
		.padding-bottom-small {
				padding-bottom: 8.75px; }
		.padding-bottom-tiny {
				padding-bottom: 4.375px; }
		.padding-left-huge {
				padding-left: 70px; }
		.padding-left-larger {
				padding-left: 52.5px; }
		.padding-left-large {
				padding-left: 35px; }
		.padding-left-medium {
				padding-left: 17.5px; }
		.padding-left-medium-large {
				padding-left: 26.25px; }
		.padding-left-small {
				padding-left: 8.75px; }
		.padding-left-tiny {
				padding-left: 4.375px; }
		.padding-width-huge {
				padding-left: 70px;
				padding-right: 70px; }
		.padding-height-huge {
				padding-top: 70px;
				padding-bottom: 70px; }
		.padding-width-larger {
				padding-left: 52.5px;
				padding-right: 52.5px; }
		.padding-height-larger {
				padding-top: 52.5px;
				padding-bottom: 52.5px; }
		.padding-width-large {
				padding-left: 35px;
				padding-right: 35px; }
		.padding-height-large {
				padding-top: 35px;
				padding-bottom: 35px; }
		.padding-width-medium {
				padding-left: 17.5px;
				padding-right: 17.5px; }
		.padding-height-medium {
				padding-top: 17.5px;
				padding-bottom: 17.5px; }
		.padding-width-medium-large {
				padding-left: 26.25px;
				padding-right: 26.25px; }
		.padding-height-medium-large {
				padding-top: 26.25px;
				padding-bottom: 26.25px; }
		.padding-width-small {
				padding-left: 8.75px;
				padding-right: 8.75px; }
		.padding-height-small {
				padding-top: 8.75px;
				padding-bottom: 8.75px; }
		.padding-width-tiny {
				padding-left: 4.375px;
				padding-right: 4.375px; }
		.padding-height-tiny {
				padding-top: 4.375px;
				padding-bottom: 4.375px; }
		.margin-top-huge {
				margin-top: 70px; }
		.margin-top-larger {
				margin-top: 52.5px; }
		.margin-top-large {
				margin-top: 35px; }
		.margin-top-medium {
				margin-top: 17.5px; }
		.margin-top-medium-large {
				margin-top: 26.25px; }
		.margin-top-small {
				margin-top: 8.75px; }
		.margin-top-tiny {
				margin-top: 4.375px; }
		.margin-right-huge {
				margin-right: 70px; }
		.margin-right-larger {
				margin-right: 52.5px; }
		.margin-right-large {
				margin-right: 35px; }
		.margin-right-medium {
				margin-right: 17.5px; }
		.margin-right-medium-large {
				margin-right: 26.25px; }
		.margin-right-small {
				margin-right: 8.75px; }
		.margin-right-tiny {
				margin-right: 4.375px; }
		.margin-bottom-huge {
				margin-bottom: 70px; }
		.margin-bottom-larger {
				margin-bottom: 52.5px; }
		.margin-bottom-large {
				margin-bottom: 35px; }
		.margin-bottom-medium {
				margin-bottom: 17.5px; }
		.margin-bottom-medium-large {
				margin-bottom: 26.25px; }
		.margin-bottom-small {
				margin-bottom: 8.75px; }
		.margin-bottom-tiny {
				margin-bottom: 4.375px; }
		.margin-left-huge {
				margin-left: 70px; }
		.margin-left-larger {
				margin-left: 52.5px; }
		.margin-left-large {
				margin-left: 35px; }
		.margin-left-medium {
				margin-left: 17.5px; }
		.margin-left-medium-large {
				margin-left: 26.25px; }
		.margin-left-small {
				margin-left: 8.75px; }
		.margin-left-tiny {
				margin-left: 4.375px; }
		.margin-width-huge {
				margin-left: 70px;
				margin-right: 70px; }
		.margin-height-huge {
				margin-top: 70px;
				margin-bottom: 70px; }
		.margin-width-larger {
				margin-left: 52.5px;
				margin-right: 52.5px; }
		.margin-height-larger {
				margin-top: 52.5px;
				margin-bottom: 52.5px; }
		.margin-width-large {
				margin-left: 35px;
				margin-right: 35px; }
		.margin-height-large {
				margin-top: 35px;
				margin-bottom: 35px; }
		.margin-width-medium {
				margin-left: 17.5px;
				margin-right: 17.5px; }
		.margin-height-medium {
				margin-top: 17.5px;
				margin-bottom: 17.5px; }
		.margin-width-medium-large {
				margin-left: 26.25px;
				margin-right: 26.25px; }
		.margin-height-medium-large {
				margin-top: 26.25px;
				margin-bottom: 26.25px; }
		.margin-width-small {
				margin-left: 8.75px;
				margin-right: 8.75px; }
		.margin-height-small {
				margin-top: 8.75px;
				margin-bottom: 8.75px; }
		.margin-width-tiny {
				margin-left: 4.375px;
				margin-right: 4.375px; }
		.margin-height-tiny {
				margin-top: 4.375px;
				margin-bottom: 4.375px; }
		.height-huge {
				height: 70px; }
		.width-huge {
				width: 70px; }
		.height-larger {
				height: 52.5px; }
		.width-larger {
				width: 52.5px; }
		.height-large {
				height: 35px; }
		.width-large {
				width: 35px; }
		.height-medium {
				height: 17.5px; }
		.width-medium {
				width: 17.5px; }
		.height-medium-large {
				height: 26.25px; }
		.width-medium-large {
				width: 26.25px; }
		.height-small {
				height: 8.75px; }
		.width-small {
				width: 8.75px; }
		.height-tiny {
				height: 4.375px; }
		.width-tiny {
				width: 4.375px; } }

@media all and (max-width: 1200px) {
		.padding-top-huge {
				padding-top: 60px; }
		.padding-top-larger {
				padding-top: 45px; }
		.padding-top-large {
				padding-top: 30px; }
		.padding-top-medium {
				padding-top: 15px; }
		.padding-top-medium-large {
				padding-top: 22.5px; }
		.padding-top-small {
				padding-top: 7.5px; }
		.padding-top-tiny {
				padding-top: 3.75px; }
		.padding-right-huge {
				padding-right: 60px; }
		.padding-right-larger {
				padding-right: 45px; }
		.padding-right-large {
				padding-right: 30px; }
		.padding-right-medium {
				padding-right: 15px; }
		.padding-right-medium-large {
				padding-right: 22.5px; }
		.padding-right-small {
				padding-right: 7.5px; }
		.padding-right-tiny {
				padding-right: 3.75px; }
		.padding-bottom-huge {
				padding-bottom: 60px; }
		.padding-bottom-larger {
				padding-bottom: 45px; }
		.padding-bottom-large {
				padding-bottom: 30px; }
		.padding-bottom-medium {
				padding-bottom: 15px; }
		.padding-bottom-medium-large {
				padding-bottom: 22.5px; }
		.padding-bottom-small {
				padding-bottom: 7.5px; }
		.padding-bottom-tiny {
				padding-bottom: 3.75px; }
		.padding-left-huge {
				padding-left: 60px; }
		.padding-left-larger {
				padding-left: 45px; }
		.padding-left-large {
				padding-left: 30px; }
		.padding-left-medium {
				padding-left: 15px; }
		.padding-left-medium-large {
				padding-left: 22.5px; }
		.padding-left-small {
				padding-left: 7.5px; }
		.padding-left-tiny {
				padding-left: 3.75px; }
		.padding-width-huge {
				padding-left: 60px;
				padding-right: 60px; }
		.padding-height-huge {
				padding-top: 60px;
				padding-bottom: 60px; }
		.padding-width-larger {
				padding-left: 45px;
				padding-right: 45px; }
		.padding-height-larger {
				padding-top: 45px;
				padding-bottom: 45px; }
		.padding-width-large {
				padding-left: 30px;
				padding-right: 30px; }
		.padding-height-large {
				padding-top: 30px;
				padding-bottom: 30px; }
		.padding-width-medium {
				padding-left: 15px;
				padding-right: 15px; }
		.padding-height-medium {
				padding-top: 15px;
				padding-bottom: 15px; }
		.padding-width-medium-large {
				padding-left: 22.5px;
				padding-right: 22.5px; }
		.padding-height-medium-large {
				padding-top: 22.5px;
				padding-bottom: 22.5px; }
		.padding-width-small {
				padding-left: 7.5px;
				padding-right: 7.5px; }
		.padding-height-small {
				padding-top: 7.5px;
				padding-bottom: 7.5px; }
		.padding-width-tiny {
				padding-left: 3.75px;
				padding-right: 3.75px; }
		.padding-height-tiny {
				padding-top: 3.75px;
				padding-bottom: 3.75px; }
		.margin-top-huge {
				margin-top: 60px; }
		.margin-top-larger {
				margin-top: 45px; }
		.margin-top-large {
				margin-top: 30px; }
		.margin-top-medium {
				margin-top: 15px; }
		.margin-top-medium-large {
				margin-top: 22.5px; }
		.margin-top-small {
				margin-top: 7.5px; }
		.margin-top-tiny {
				margin-top: 3.75px; }
		.margin-right-huge {
				margin-right: 60px; }
		.margin-right-larger {
				margin-right: 45px; }
		.margin-right-large {
				margin-right: 30px; }
		.margin-right-medium {
				margin-right: 15px; }
		.margin-right-medium-large {
				margin-right: 22.5px; }
		.margin-right-small {
				margin-right: 7.5px; }
		.margin-right-tiny {
				margin-right: 3.75px; }
		.margin-bottom-huge {
				margin-bottom: 60px; }
		.margin-bottom-larger {
				margin-bottom: 45px; }
		.margin-bottom-large {
				margin-bottom: 30px; }
		.margin-bottom-medium {
				margin-bottom: 15px; }
		.margin-bottom-medium-large {
				margin-bottom: 22.5px; }
		.margin-bottom-small {
				margin-bottom: 7.5px; }
		.margin-bottom-tiny {
				margin-bottom: 3.75px; }
		.margin-left-huge {
				margin-left: 60px; }
		.margin-left-larger {
				margin-left: 45px; }
		.margin-left-large {
				margin-left: 30px; }
		.margin-left-medium {
				margin-left: 15px; }
		.margin-left-medium-large {
				margin-left: 22.5px; }
		.margin-left-small {
				margin-left: 7.5px; }
		.margin-left-tiny {
				margin-left: 3.75px; }
		.margin-width-huge {
				margin-left: 60px;
				margin-right: 60px; }
		.margin-height-huge {
				margin-top: 60px;
				margin-bottom: 60px; }
		.margin-width-larger {
				margin-left: 45px;
				margin-right: 45px; }
		.margin-height-larger {
				margin-top: 45px;
				margin-bottom: 45px; }
		.margin-width-large {
				margin-left: 30px;
				margin-right: 30px; }
		.margin-height-large {
				margin-top: 30px;
				margin-bottom: 30px; }
		.margin-width-medium {
				margin-left: 15px;
				margin-right: 15px; }
		.margin-height-medium {
				margin-top: 15px;
				margin-bottom: 15px; }
		.margin-width-medium-large {
				margin-left: 22.5px;
				margin-right: 22.5px; }
		.margin-height-medium-large {
				margin-top: 22.5px;
				margin-bottom: 22.5px; }
		.margin-width-small {
				margin-left: 7.5px;
				margin-right: 7.5px; }
		.margin-height-small {
				margin-top: 7.5px;
				margin-bottom: 7.5px; }
		.margin-width-tiny {
				margin-left: 3.75px;
				margin-right: 3.75px; }
		.margin-height-tiny {
				margin-top: 3.75px;
				margin-bottom: 3.75px; }
		.height-huge {
				height: 60px; }
		.width-huge {
				width: 60px; }
		.height-larger {
				height: 45px; }
		.width-larger {
				width: 45px; }
		.height-large {
				height: 30px; }
		.width-large {
				width: 30px; }
		.height-medium {
				height: 15px; }
		.width-medium {
				width: 15px; }
		.height-medium-large {
				height: 22.5px; }
		.width-medium-large {
				width: 22.5px; }
		.height-small {
				height: 7.5px; }
		.width-small {
				width: 7.5px; }
		.height-tiny {
				height: 3.75px; }
		.width-tiny {
				width: 3.75px; } }

@media all and (max-width: 979px) {
		.padding-top-huge {
				padding-top: 48.95px; }
		.padding-top-larger {
				padding-top: 36.7125px; }
		.padding-top-large {
				padding-top: 24.475px; }
		.padding-top-medium {
				padding-top: 12.2375px; }
		.padding-top-medium-large {
				padding-top: 18.35625px; }
		.padding-top-small {
				padding-top: 6.11875px; }
		.padding-top-tiny {
				padding-top: 3.05937px; }
		.padding-right-huge {
				padding-right: 48.95px; }
		.padding-right-larger {
				padding-right: 36.7125px; }
		.padding-right-large {
				padding-right: 24.475px; }
		.padding-right-medium {
				padding-right: 12.2375px; }
		.padding-right-medium-large {
				padding-right: 18.35625px; }
		.padding-right-small {
				padding-right: 6.11875px; }
		.padding-right-tiny {
				padding-right: 3.05937px; }
		.padding-bottom-huge {
				padding-bottom: 48.95px; }
		.padding-bottom-larger {
				padding-bottom: 36.7125px; }
		.padding-bottom-large {
				padding-bottom: 24.475px; }
		.padding-bottom-medium {
				padding-bottom: 12.2375px; }
		.padding-bottom-medium-large {
				padding-bottom: 18.35625px; }
		.padding-bottom-small {
				padding-bottom: 6.11875px; }
		.padding-bottom-tiny {
				padding-bottom: 3.05937px; }
		.padding-left-huge {
				padding-left: 48.95px; }
		.padding-left-larger {
				padding-left: 36.7125px; }
		.padding-left-large {
				padding-left: 24.475px; }
		.padding-left-medium {
				padding-left: 12.2375px; }
		.padding-left-medium-large {
				padding-left: 18.35625px; }
		.padding-left-small {
				padding-left: 6.11875px; }
		.padding-left-tiny {
				padding-left: 3.05937px; }
		.padding-width-huge {
				padding-left: 48.95px;
				padding-right: 48.95px; }
		.padding-height-huge {
				padding-top: 48.95px;
				padding-bottom: 48.95px; }
		.padding-width-larger {
				padding-left: 36.7125px;
				padding-right: 36.7125px; }
		.padding-height-larger {
				padding-top: 36.7125px;
				padding-bottom: 36.7125px; }
		.padding-width-large {
				padding-left: 24.475px;
				padding-right: 24.475px; }
		.padding-height-large {
				padding-top: 24.475px;
				padding-bottom: 24.475px; }
		.padding-width-medium {
				padding-left: 12.2375px;
				padding-right: 12.2375px; }
		.padding-height-medium {
				padding-top: 12.2375px;
				padding-bottom: 12.2375px; }
		.padding-width-medium-large {
				padding-left: 18.35625px;
				padding-right: 18.35625px; }
		.padding-height-medium-large {
				padding-top: 18.35625px;
				padding-bottom: 18.35625px; }
		.padding-width-small {
				padding-left: 6.11875px;
				padding-right: 6.11875px; }
		.padding-height-small {
				padding-top: 6.11875px;
				padding-bottom: 6.11875px; }
		.padding-width-tiny {
				padding-left: 3.05937px;
				padding-right: 3.05937px; }
		.padding-height-tiny {
				padding-top: 3.05937px;
				padding-bottom: 3.05937px; }
		.margin-top-huge {
				margin-top: 48.95px; }
		.margin-top-larger {
				margin-top: 36.7125px; }
		.margin-top-large {
				margin-top: 24.475px; }
		.margin-top-medium {
				margin-top: 12.2375px; }
		.margin-top-medium-large {
				margin-top: 18.35625px; }
		.margin-top-small {
				margin-top: 6.11875px; }
		.margin-top-tiny {
				margin-top: 3.05937px; }
		.margin-right-huge {
				margin-right: 48.95px; }
		.margin-right-larger {
				margin-right: 36.7125px; }
		.margin-right-large {
				margin-right: 24.475px; }
		.margin-right-medium {
				margin-right: 12.2375px; }
		.margin-right-medium-large {
				margin-right: 18.35625px; }
		.margin-right-small {
				margin-right: 6.11875px; }
		.margin-right-tiny {
				margin-right: 3.05937px; }
		.margin-bottom-huge {
				margin-bottom: 48.95px; }
		.margin-bottom-larger {
				margin-bottom: 36.7125px; }
		.margin-bottom-large {
				margin-bottom: 24.475px; }
		.margin-bottom-medium {
				margin-bottom: 12.2375px; }
		.margin-bottom-medium-large {
				margin-bottom: 18.35625px; }
		.margin-bottom-small {
				margin-bottom: 6.11875px; }
		.margin-bottom-tiny {
				margin-bottom: 3.05937px; }
		.margin-left-huge {
				margin-left: 48.95px; }
		.margin-left-larger {
				margin-left: 36.7125px; }
		.margin-left-large {
				margin-left: 24.475px; }
		.margin-left-medium {
				margin-left: 12.2375px; }
		.margin-left-medium-large {
				margin-left: 18.35625px; }
		.margin-left-small {
				margin-left: 6.11875px; }
		.margin-left-tiny {
				margin-left: 3.05937px; }
		.margin-width-huge {
				margin-left: 48.95px;
				margin-right: 48.95px; }
		.margin-height-huge {
				margin-top: 48.95px;
				margin-bottom: 48.95px; }
		.margin-width-larger {
				margin-left: 36.7125px;
				margin-right: 36.7125px; }
		.margin-height-larger {
				margin-top: 36.7125px;
				margin-bottom: 36.7125px; }
		.margin-width-large {
				margin-left: 24.475px;
				margin-right: 24.475px; }
		.margin-height-large {
				margin-top: 24.475px;
				margin-bottom: 24.475px; }
		.margin-width-medium {
				margin-left: 12.2375px;
				margin-right: 12.2375px; }
		.margin-height-medium {
				margin-top: 12.2375px;
				margin-bottom: 12.2375px; }
		.margin-width-medium-large {
				margin-left: 18.35625px;
				margin-right: 18.35625px; }
		.margin-height-medium-large {
				margin-top: 18.35625px;
				margin-bottom: 18.35625px; }
		.margin-width-small {
				margin-left: 6.11875px;
				margin-right: 6.11875px; }
		.margin-height-small {
				margin-top: 6.11875px;
				margin-bottom: 6.11875px; }
		.margin-width-tiny {
				margin-left: 3.05937px;
				margin-right: 3.05937px; }
		.margin-height-tiny {
				margin-top: 3.05937px;
				margin-bottom: 3.05937px; }
		.height-huge {
				height: 48.95px; }
		.width-huge {
				width: 48.95px; }
		.height-larger {
				height: 36.7125px; }
		.width-larger {
				width: 36.7125px; }
		.height-large {
				height: 24.475px; }
		.width-large {
				width: 24.475px; }
		.height-medium {
				height: 12.2375px; }
		.width-medium {
				width: 12.2375px; }
		.height-medium-large {
				height: 18.35625px; }
		.width-medium-large {
				width: 18.35625px; }
		.height-small {
				height: 6.11875px; }
		.width-small {
				width: 6.11875px; }
		.height-tiny {
				height: 3.05937px; }
		.width-tiny {
				width: 3.05937px; } }

@media all and (max-width: 768px) {
		.padding-top-huge {
				padding-top: 38.4px; }
		.padding-top-larger {
				padding-top: 28.8px; }
		.padding-top-large {
				padding-top: 19.2px; }
		.padding-top-medium {
				padding-top: 9.6px; }
		.padding-top-medium-large {
				padding-top: 14.4px; }
		.padding-top-small {
				padding-top: 4.8px; }
		.padding-top-tiny {
				padding-top: 2.4px; }
		.padding-right-huge {
				padding-right: 38.4px; }
		.padding-right-larger {
				padding-right: 28.8px; }
		.padding-right-large {
				padding-right: 19.2px; }
		.padding-right-medium {
				padding-right: 9.6px; }
		.padding-right-medium-large {
				padding-right: 14.4px; }
		.padding-right-small {
				padding-right: 4.8px; }
		.padding-right-tiny {
				padding-right: 2.4px; }
		.padding-bottom-huge {
				padding-bottom: 38.4px; }
		.padding-bottom-larger {
				padding-bottom: 28.8px; }
		.padding-bottom-large {
				padding-bottom: 19.2px; }
		.padding-bottom-medium {
				padding-bottom: 9.6px; }
		.padding-bottom-medium-large {
				padding-bottom: 14.4px; }
		.padding-bottom-small {
				padding-bottom: 4.8px; }
		.padding-bottom-tiny {
				padding-bottom: 2.4px; }
		.padding-left-huge {
				padding-left: 38.4px; }
		.padding-left-larger {
				padding-left: 28.8px; }
		.padding-left-large {
				padding-left: 19.2px; }
		.padding-left-medium {
				padding-left: 9.6px; }
		.padding-left-medium-large {
				padding-left: 14.4px; }
		.padding-left-small {
				padding-left: 4.8px; }
		.padding-left-tiny {
				padding-left: 2.4px; }
		.padding-width-huge {
				padding-left: 38.4px;
				padding-right: 38.4px; }
		.padding-height-huge {
				padding-top: 38.4px;
				padding-bottom: 38.4px; }
		.padding-width-larger {
				padding-left: 28.8px;
				padding-right: 28.8px; }
		.padding-height-larger {
				padding-top: 28.8px;
				padding-bottom: 28.8px; }
		.padding-width-large {
				padding-left: 19.2px;
				padding-right: 19.2px; }
		.padding-height-large {
				padding-top: 19.2px;
				padding-bottom: 19.2px; }
		.padding-width-medium {
				padding-left: 9.6px;
				padding-right: 9.6px; }
		.padding-height-medium {
				padding-top: 9.6px;
				padding-bottom: 9.6px; }
		.padding-width-medium-large {
				padding-left: 14.4px;
				padding-right: 14.4px; }
		.padding-height-medium-large {
				padding-top: 14.4px;
				padding-bottom: 14.4px; }
		.padding-width-small {
				padding-left: 4.8px;
				padding-right: 4.8px; }
		.padding-height-small {
				padding-top: 4.8px;
				padding-bottom: 4.8px; }
		.padding-width-tiny {
				padding-left: 2.4px;
				padding-right: 2.4px; }
		.padding-height-tiny {
				padding-top: 2.4px;
				padding-bottom: 2.4px; }
		.margin-top-huge {
				margin-top: 38.4px; }
		.margin-top-larger {
				margin-top: 28.8px; }
		.margin-top-large {
				margin-top: 19.2px; }
		.margin-top-medium {
				margin-top: 9.6px; }
		.margin-top-medium-large {
				margin-top: 14.4px; }
		.margin-top-small {
				margin-top: 4.8px; }
		.margin-top-tiny {
				margin-top: 2.4px; }
		.margin-right-huge {
				margin-right: 38.4px; }
		.margin-right-larger {
				margin-right: 28.8px; }
		.margin-right-large {
				margin-right: 19.2px; }
		.margin-right-medium {
				margin-right: 9.6px; }
		.margin-right-medium-large {
				margin-right: 14.4px; }
		.margin-right-small {
				margin-right: 4.8px; }
		.margin-right-tiny {
				margin-right: 2.4px; }
		.margin-bottom-huge {
				margin-bottom: 38.4px; }
		.margin-bottom-larger {
				margin-bottom: 28.8px; }
		.margin-bottom-large {
				margin-bottom: 19.2px; }
		.margin-bottom-medium {
				margin-bottom: 9.6px; }
		.margin-bottom-medium-large {
				margin-bottom: 14.4px; }
		.margin-bottom-small {
				margin-bottom: 4.8px; }
		.margin-bottom-tiny {
				margin-bottom: 2.4px; }
		.margin-left-huge {
				margin-left: 38.4px; }
		.margin-left-larger {
				margin-left: 28.8px; }
		.margin-left-large {
				margin-left: 19.2px; }
		.margin-left-medium {
				margin-left: 9.6px; }
		.margin-left-medium-large {
				margin-left: 14.4px; }
		.margin-left-small {
				margin-left: 4.8px; }
		.margin-left-tiny {
				margin-left: 2.4px; }
		.margin-width-huge {
				margin-left: 38.4px;
				margin-right: 38.4px; }
		.margin-height-huge {
				margin-top: 38.4px;
				margin-bottom: 38.4px; }
		.margin-width-larger {
				margin-left: 28.8px;
				margin-right: 28.8px; }
		.margin-height-larger {
				margin-top: 28.8px;
				margin-bottom: 28.8px; }
		.margin-width-large {
				margin-left: 19.2px;
				margin-right: 19.2px; }
		.margin-height-large {
				margin-top: 19.2px;
				margin-bottom: 19.2px; }
		.margin-width-medium {
				margin-left: 9.6px;
				margin-right: 9.6px; }
		.margin-height-medium {
				margin-top: 9.6px;
				margin-bottom: 9.6px; }
		.margin-width-medium-large {
				margin-left: 14.4px;
				margin-right: 14.4px; }
		.margin-height-medium-large {
				margin-top: 14.4px;
				margin-bottom: 14.4px; }
		.margin-width-small {
				margin-left: 4.8px;
				margin-right: 4.8px; }
		.margin-height-small {
				margin-top: 4.8px;
				margin-bottom: 4.8px; }
		.margin-width-tiny {
				margin-left: 2.4px;
				margin-right: 2.4px; }
		.margin-height-tiny {
				margin-top: 2.4px;
				margin-bottom: 2.4px; }
		.height-huge {
				height: 38.4px; }
		.width-huge {
				width: 38.4px; }
		.height-larger {
				height: 28.8px; }
		.width-larger {
				width: 28.8px; }
		.height-large {
				height: 19.2px; }
		.width-large {
				width: 19.2px; }
		.height-medium {
				height: 9.6px; }
		.width-medium {
				width: 9.6px; }
		.height-medium-large {
				height: 14.4px; }
		.width-medium-large {
				width: 14.4px; }
		.height-small {
				height: 4.8px; }
		.width-small {
				width: 4.8px; }
		.height-tiny {
				height: 2.4px; }
		.width-tiny {
				width: 2.4px; } }

@media all and (max-width: 480px) {
		.padding-top-huge {
				padding-top: 24px; }
		.padding-top-larger {
				padding-top: 18px; }
		.padding-top-large {
				padding-top: 12px; }
		.padding-top-medium {
				padding-top: 6px; }
		.padding-top-medium-large {
				padding-top: 9px; }
		.padding-top-small {
				padding-top: 3px; }
		.padding-top-tiny {
				padding-top: 1.5px; }
		.padding-right-huge {
				padding-right: 24px; }
		.padding-right-larger {
				padding-right: 18px; }
		.padding-right-large {
				padding-right: 12px; }
		.padding-right-medium {
				padding-right: 6px; }
		.padding-right-medium-large {
				padding-right: 9px; }
		.padding-right-small {
				padding-right: 3px; }
		.padding-right-tiny {
				padding-right: 1.5px; }
		.padding-bottom-huge {
				padding-bottom: 24px; }
		.padding-bottom-larger {
				padding-bottom: 18px; }
		.padding-bottom-large {
				padding-bottom: 12px; }
		.padding-bottom-medium {
				padding-bottom: 6px; }
		.padding-bottom-medium-large {
				padding-bottom: 9px; }
		.padding-bottom-small {
				padding-bottom: 3px; }
		.padding-bottom-tiny {
				padding-bottom: 1.5px; }
		.padding-left-huge {
				padding-left: 24px; }
		.padding-left-larger {
				padding-left: 18px; }
		.padding-left-large {
				padding-left: 12px; }
		.padding-left-medium {
				padding-left: 6px; }
		.padding-left-medium-large {
				padding-left: 9px; }
		.padding-left-small {
				padding-left: 3px; }
		.padding-left-tiny {
				padding-left: 1.5px; }
		.padding-width-huge {
				padding-left: 24px;
				padding-right: 24px; }
		.padding-height-huge {
				padding-top: 24px;
				padding-bottom: 24px; }
		.padding-width-larger {
				padding-left: 18px;
				padding-right: 18px; }
		.padding-height-larger {
				padding-top: 18px;
				padding-bottom: 18px; }
		.padding-width-large {
				padding-left: 12px;
				padding-right: 12px; }
		.padding-height-large {
				padding-top: 12px;
				padding-bottom: 12px; }
		.padding-width-medium {
				padding-left: 6px;
				padding-right: 6px; }
		.padding-height-medium {
				padding-top: 6px;
				padding-bottom: 6px; }
		.padding-width-medium-large {
				padding-left: 9px;
				padding-right: 9px; }
		.padding-height-medium-large {
				padding-top: 9px;
				padding-bottom: 9px; }
		.padding-width-small {
				padding-left: 3px;
				padding-right: 3px; }
		.padding-height-small {
				padding-top: 3px;
				padding-bottom: 3px; }
		.padding-width-tiny {
				padding-left: 1.5px;
				padding-right: 1.5px; }
		.padding-height-tiny {
				padding-top: 1.5px;
				padding-bottom: 1.5px; }
		.margin-top-huge {
				margin-top: 24px; }
		.margin-top-larger {
				margin-top: 18px; }
		.margin-top-large {
				margin-top: 12px; }
		.margin-top-medium {
				margin-top: 6px; }
		.margin-top-medium-large {
				margin-top: 9px; }
		.margin-top-small {
				margin-top: 3px; }
		.margin-top-tiny {
				margin-top: 1.5px; }
		.margin-right-huge {
				margin-right: 24px; }
		.margin-right-larger {
				margin-right: 18px; }
		.margin-right-large {
				margin-right: 12px; }
		.margin-right-medium {
				margin-right: 6px; }
		.margin-right-medium-large {
				margin-right: 9px; }
		.margin-right-small {
				margin-right: 3px; }
		.margin-right-tiny {
				margin-right: 1.5px; }
		.margin-bottom-huge {
				margin-bottom: 24px; }
		.margin-bottom-larger {
				margin-bottom: 18px; }
		.margin-bottom-large {
				margin-bottom: 12px; }
		.margin-bottom-medium {
				margin-bottom: 6px; }
		.margin-bottom-medium-large {
				margin-bottom: 9px; }
		.margin-bottom-small {
				margin-bottom: 3px; }
		.margin-bottom-tiny {
				margin-bottom: 1.5px; }
		.margin-left-huge {
				margin-left: 24px; }
		.margin-left-larger {
				margin-left: 18px; }
		.margin-left-large {
				margin-left: 12px; }
		.margin-left-medium {
				margin-left: 6px; }
		.margin-left-medium-large {
				margin-left: 9px; }
		.margin-left-small {
				margin-left: 3px; }
		.margin-left-tiny {
				margin-left: 1.5px; }
		.margin-width-huge {
				margin-left: 24px;
				margin-right: 24px; }
		.margin-height-huge {
				margin-top: 24px;
				margin-bottom: 24px; }
		.margin-width-larger {
				margin-left: 18px;
				margin-right: 18px; }
		.margin-height-larger {
				margin-top: 18px;
				margin-bottom: 18px; }
		.margin-width-large {
				margin-left: 12px;
				margin-right: 12px; }
		.margin-height-large {
				margin-top: 12px;
				margin-bottom: 12px; }
		.margin-width-medium {
				margin-left: 6px;
				margin-right: 6px; }
		.margin-height-medium {
				margin-top: 6px;
				margin-bottom: 6px; }
		.margin-width-medium-large {
				margin-left: 9px;
				margin-right: 9px; }
		.margin-height-medium-large {
				margin-top: 9px;
				margin-bottom: 9px; }
		.margin-width-small {
				margin-left: 3px;
				margin-right: 3px; }
		.margin-height-small {
				margin-top: 3px;
				margin-bottom: 3px; }
		.margin-width-tiny {
				margin-left: 1.5px;
				margin-right: 1.5px; }
		.margin-height-tiny {
				margin-top: 1.5px;
				margin-bottom: 1.5px; }
		.height-huge {
				height: 24px; }
		.width-huge {
				width: 24px; }
		.height-larger {
				height: 18px; }
		.width-larger {
				width: 18px; }
		.height-large {
				height: 12px; }
		.width-large {
				width: 12px; }
		.height-medium {
				height: 6px; }
		.width-medium {
				width: 6px; }
		.height-medium-large {
				height: 9px; }
		.width-medium-large {
				width: 9px; }
		.height-small {
				height: 3px; }
		.width-small {
				width: 3px; }
		.height-tiny {
				height: 1.5px; }
		.width-tiny {
				width: 1.5px; } }

/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
@-webkit-keyframes spin {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg); }
		to {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg); } }

@keyframes spin {
		from {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg); }
		to {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg); } }

/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
/* ------------ Styles Common to Widgets ------------ */
.widget-loading-error {
		font-size: 15px;
		background: #f5e2e2;
		border-radius: 3px;
		color: #EC5A32;
		padding: 12px; }

.widget-loading-warning {
		font-size: 15px;
		background: #F1B78D;
		border-radius: 3px;
		color: white;
		padding: 12px; }

.widget-extra-padding {
		padding: 0 25px; }

/* Widget Title Bar & Icons */
.widget-title-bar {
		font-size: 16px;
		color: #424242;
		background-color: #FFF;
		/*#00C853 ; /*#3481a3;*/
		/*transition: border-color linear .5s, background linear .5s, padding linear .5s ;*/
		/*box-shadow: inset 0 -2px 0px rgba(0,0,0,0.05); */
		padding: 2px 7px 3px 7px;
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
		/* Search */ }
		.widget-title-bar.title-bar-v2 {
				font-size: 20px;
				font-weight: 300;
				padding: 12px 0 8px;
				border-bottom: 1px solid #ddd;
				border-top: none;
				border-top-right-radius: 0px;
				border-top-left-radius: 0px; }
		.widget-title-bar .title {
				float: left; }
				.widget-title-bar .title.title-v2 {
						float: none;
						width: 60%;
						display: inline-block; }
				.widget-title-bar .title .title-selected i {
						margin-right: 5px; }
		.widget-title-bar .iconbar {
				float: right; }
				.widget-title-bar .iconbar a {
						color: #AAA;
						font-size: 0.9em; }
						.widget-title-bar .iconbar a:hover, .widget-title-bar .iconbar a:focus {
								/*color: $Color_RN_Green_Primary;*/
								color: #1EBD59;
								text-decoration: none; }
		.widget-title-bar .title-search-container {
				float: right;
				-webkit-transition: width 0.25s ease;
				-moz-transition: width 0.25s ease;
				-o-transition: width 0.25s ease;
				transition: width 0.25s ease;
				overflow: hidden; }
				.widget-title-bar .title-search-container.collapse {
						width: 0px; }
				.widget-title-bar .title-search-container.collapse.in {
						width: 45%; }
				.widget-title-bar .title-search-container input.xc-search-text-box {
						width: 95%;
						height: 21px;
						margin-right: 9px;
						margin-bottom: 2px;
						margin-top: 0px;
						border-radius: 2px;
						border: 1px solid #C0D9E2;
						/*background-color: #D7F7E3 ;*/
						background-color: #FAFAFA;
						float: right;
						margin-right: 5px;
						padding: 2px;
						box-sizing: border-box;
						font-size: 14px; }

.widget-container {
		padding-bottom: 20px; }

.widget {
		transition: box-shadow linear .5s, border-color linear .5s;
		background: #FFF;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		/*box-shadow: 3px 3px 8px -4px rgba(0,0,0,.2);*/
		border-top: 3px solid #E0E0E0;
		border-left: 1px solid #EFEFEF;
		border-right: 1px solid #EFEFEF;
		border-bottom: 1px solid #E2E2E2;
		text-align: left; }

.widget-panel-no-widget-style .widget {
		border-top: 1px solid #EFEFEF;
		border-left: 1px solid #EFEFEF;
		box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px;
		background-color: #fff;
		border-radius: 0px; }

.widget-first-time-config-message {
		text-align: center;
		font-size: 16px;
		padding: 15px 10px;
		background-color: #E7E7E7;
		border-bottom: 1px solid #FFF;
		color: #1EBD59;
		cursor: pointer;
		border-left: 1px solid #E7E7E7;
		border-right: 1px solid #E7E7E7; }

.widget-inner-content {
		padding: 0px 7px 0px 7px; }

.xc-dash_widget-height-very-short .widget-inner-content {
		height: 100px; }

.xc-dash_widget-height-short .widget-inner-content {
		height: 200px; }

.xc-dash_widget-height-medium .widget-inner-content {
		height: 300px; }

.xc-dash_widget-height-tall .widget-inner-content {
		height: 400px; }

.xc-dash_widget-height-very-tall .widget-inner-content {
		height: 469px; }

.xc-dash_widget-height-no-restriction .widget-inner-content {
		height: inherit; }

.xc-dash_widget-height-very-short.config-panel-open .widget-inner-content {
		height: inherit; }

.xc-dash_widget-height-short.config-panel-open .widget-inner-content {
		height: inherit; }

.xc-dash_widget-height-medium.config-panel-open .widget-inner-content {
		height: inherit; }

.xc-dash_widget-height-tall.config-panel-open .widget-inner-content {
		height: inherit; }

.xc-dash_widget-height-very-tall.config-panel-open .widget-inner-content {
		height: inherit; }

.widget-scrolled-content {
		overflow-y: auto;
		height: 100%; }

/* Inner-Content: Slide up/down Groups */
.xc-widget-content-group {
		/*margin-bottom: 5px;*/
		text-align: left; }

.xc-widget-content-group-header {
		padding: 3px 5px 1px 0px;
		margin-top: 0px;
		cursor: pointer;
		border: 1px solid transparent;
		/*border-bottom: 1px solid #DDD; */
		/* box-shadow: 0px 2px 6px 2px rgba(0,0,0,.8); */ }

.xc-widget-content-group-header:hover {
		/*border: 1px solid #AAA;
		border-bottom: 1px solid #AAA;*/
		border: 1px solid #D7F7E3;
		background-color: #D7F7E3; }

.xc-widget-content-group-header.hide-for-text-search {
		display: none; }

.xc-widget-content-group-header-text {
		font-size: 12px;
		display: inline-block;
		padding-left: 5px;
		font-weight: 400; }

.xc-widget-content-group-header-online-count {
		font-size: 12px;
		display: inline-block;
		padding-left: 5px; }

.xc-select.disabled {
		color: #AAA; }

.xc-widget-filter-bar {
		padding: 4px 7px 1px 7px;
		border-top: 1px solid #EEE;
		border-bottom: 1px solid #EEE;
		background-color: #FFF;
		font-size: 12px;
		height: 26px; }
		.xc-widget-filter-bar.filter-bar-v2 {
				padding: 4px 8px 0;
				border: none;
				margin: 4px 0; }

.xc-widget-filter-bar-item {
		float: left;
		margin-right: 10px; }
		.xc-widget-filter-bar-item .xc-select-name {
				float: left;
				margin-right: 3px; }
				.xc-widget-filter-bar-item .xc-select-name i {
						font-size: 14px;
						color: #727272; }
		.xc-widget-filter-bar-item .xc-select-list {
				float: left;
				position: relative;
				margin-bottom: -1px; }
		.xc-widget-filter-bar-item .xc-select-list-top-item {
				float: left;
				cursor: pointer;
				padding: 2px 10px 3px 6px;
				margin-top: -3px;
				border-top: 1px solid transparent;
				border-left: 1px solid transparent;
				border-right: 1px solid transparent;
				border-bottom: 1px solid transparent;
				white-space: nowrap;
				font-weight: 400; }
				.xc-widget-filter-bar-item .xc-select-list-top-item .icon {
						position: relative;
						background-image: url(../../_common/images/down-arrow-grey.png);
						background-position: 0px 5px;
						background-repeat: no-repeat;
						margin-top: 2px; }
				.xc-widget-filter-bar-item .xc-select-list-top-item:hover .icon, .xc-widget-filter-bar-item .xc-select-list-top-item .open, .xc-widget-filter-bar-item .xc-select-list-top-item .icon {
						background-image: url(../../_common/images/down-arrow.png); }
				.xc-widget-filter-bar-item .xc-select-list-top-item:hover {
						box-shadow: 2px 2px 7px 1px rgba(0, 0, 0, 0.1);
						border-top: 1px solid #DDD;
						border-left: 1px solid #DDD;
						border-right: 1px solid #CCC;
						border-bottom: 1px solid #CCC;
						border-radius: 3px; }
				.xc-widget-filter-bar-item .xc-select-list-top-item.convert-to-label {
						cursor: default; }
						.xc-widget-filter-bar-item .xc-select-list-top-item.convert-to-label:hover {
								box-shadow: none;
								border-color: transparent; }
		.xc-widget-filter-bar-item.disabled .xc-select-list-top-item:hover .icon {
				background-image: url(../../_common/images/down-arrow-grey.png); }
		.xc-widget-filter-bar-item.disabled .xc-select-list-top-item:hover {
				background-color: inherit;
				box-shadow: inherit;
				border-top: 1px solid transparent;
				border-left: 1px solid transparent;
				border-right: 1px solid transparent;
				border-bottom: 1px solid transparent;
				cursor: default; }
		.xc-widget-filter-bar-item.open .xc-select-list-top-item:hover {
				border-bottom-left-radius: 0px;
				border-bottom-right-radius: 0px; }
		.xc-widget-filter-bar-item.open .xc-select-list-top-item {
				float: left;
				position: relative;
				background-color: #EEE;
				z-index: 402;
				border-top: 1px solid #AAA;
				border-left: 1px solid #AAA;
				border-right: 1px solid #999;
				border-bottom: 1px solid #1EBD59;
				border-bottom: 1px solid #1EBD59;
				/*box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.2);*/
				box-sizing: border-box;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down {
				display: none; }
		.xc-widget-filter-bar-item.open .xc-select-list-drop-down {
				display: block;
				position: absolute;
				top: 21px;
				background-color: #FAFAFA;
				padding: 3px 0px 3px 0px;
				border-top: 1px solid #CCC;
				z-index: 401;
				border-left: 1px solid #AAA;
				border-right: 1px solid #999;
				border-bottom: 1px solid #999;
				box-sizing: border-box;
				box-shadow: 2px 3px 18px -1px rgba(0, 0, 0, 0.2);
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				opacity: 1;
				transition: opacity linear .5s;
				white-space: nowrap; }
				.xc-widget-filter-bar-item.open .xc-select-list-drop-down.allow-scrolling {
						height: 233px;
						overflow-y: scroll; }
				.xc-widget-filter-bar-item.open .xc-select-list-drop-down.multi-select .icon:before {
						font-family: FontAwesome;
						font-size: 15px;
						position: relative;
						top: -2px;
						left: 0;
						content: "\f096";
						color: #ddd; }
				.xc-widget-filter-bar-item.open .xc-select-list-drop-down.multi-select .text {
						margin-right: 32px; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down .xc-select-list-item {
				padding: 4px 10px;
				cursor: pointer; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down .xc-select-list-item:hover {
				background-color: #D7F7E3; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item:hover {
				background-color: #D7F7E3; }
				.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item:hover .icon {
						background-image: url("../../_common/images/check-icon.png");
						background-position: 0px -48px;
						background-repeat: no-repeat; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected:hover .icon {
				background-image: none; }
				.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected:hover .icon:before {
						font-family: FontAwesome;
						font-size: 15px;
						position: relative;
						top: -3px;
						left: 0;
						content: "\f057";
						color: #B93E1C; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected.default-value:hover .icon {
				background-image: url("../../_common/images/check-icon.png");
				background-position: 0px -48px;
				background-repeat: no-repeat; }
				.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected.default-value:hover .icon:before {
						font-family: FontAwesome;
						font-size: 15px;
						position: relative;
						top: -2px;
						left: 0;
						content: "\f096";
						color: #ddd; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected .icon {
				background-image: url("../../_common/images/check-icon.png");
				background-position: 0px -48px;
				background-repeat: no-repeat; }
				.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected .icon:hover {
						background-image: none; }
						.xc-widget-filter-bar-item .xc-select-list-drop-down.multi-select .xc-select-list-item.selected .icon:hover:before {
								font-family: FontAwesome;
								font-size: 15px;
								position: relative;
								top: -3px;
								left: 0;
								content: "\f057";
								color: #B93E1C; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down .xc-select-list-item.selected .icon {
				background-image: url("../../_common/images/check-icon.png");
				background-position: 0px -48px;
				background-repeat: no-repeat; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down .xc-select-list-item.disabled {
				color: #AAA;
				cursor: default; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down .xc-select-list-item.disabled:hover {
				background-color: transparent; }
		.xc-widget-filter-bar-item .text {
				margin-right: 17px; }
				.xc-widget-filter-bar-item .text .xc-select-icon {
						margin: 0px 5px;
						font-size: 14px;
						color: #777; }
		.xc-widget-filter-bar-item .icon {
				float: right;
				height: 15px;
				width: 11px;
				margin-left: 7px;
				margin-top: 1px; }
		.xc-widget-filter-bar-item .xc-select-list-drop-down .xc-select-list-item:after {
				content: ".";
				visibility: hidden;
				display: block;
				height: 0;
				clear: both; }

.xc-widget-filter-bar-icon {
		width: 15px;
		height: 15px; }

.xc-widget-footer {
		border-top: 1px solid #DDD;
		padding: 2px 7px;
		/*margin: 0px 7px;*/
		text-align: center;
		font-size: 11px; }

.xc-widget-footer-item {
		padding-right: 5px; }

.xc-widget-footer-separator {
		padding: 0px 5px; }

.xc-config-panel .config-view {
		text-align: center; }

.xc-config-panel .config-view .config-view-title {
		padding-bottom: 5px;
		padding-top: 5px;
		border: 1px solid #EFEFEF;
		border-bottom: 0px;
		background: #F7F7F7; }

.xc-fake-widget-title-bar {
		color: #FFF;
		background-color: #1EBD59;
		height: 4px;
		border-top-right-radius: 2px;
		border-top-left-radius: 2px;
		margin: 5px 5px 0px 5px; }

.xc-fake-widget-container {
		background-color: #FFF;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		border-left: 1px solid #EFEFEF;
		border-right: 1px solid #EFEFEF;
		border-bottom: 1px solid #E2E2E2;
		box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
		margin: 0px 5px 5px 5px;
		padding: 5px; }

.xc-widget-content-group-list {
		margin: 5px 0px; }
		.xc-widget-content-group-list .xc-widget-content-group-row {
				padding: 5px; }
				.xc-widget-content-group-list .xc-widget-content-group-row:nth-child(even) {
						background-color: #F0F0F0; }
				.xc-widget-content-group-list .xc-widget-content-group-row:hover {
						background-color: #D7F7E3;
						cursor: pointer; }