@charset "UTF-8";
/*-------------------------------------------------------------------------------------------------
Author: Justin Herrera <jherrera@awareweb.com>
Version: 1.1.1
-------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------
Large Devices:; Wide Screens
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px){

	/*---------------------------------------------------------------------------------------------
	AWS 3.0 - Custom Reuseable Classes & Components
	/*-------------------------------------------------------------------------------------------*/
		.nopad-left-lg{padding-left:0;}

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
		.component.equipment_details{background: none !important;}

        #paymetricIframe {
            width: 825px;
            height: 310px;
        }
}

/*-------------------------------------------------------------------------------------------------
Medium Devices: Desktops
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px){

	/*---------------------------------------------------------------------------------------------
	AWS 2.0 - Bootstrap Component Overrides
	/*-------------------------------------------------------------------------------------------*/
		.row.hidden-md + .row{margin-top:0;}
		.row.col-bd-md > div + div{margin-top:20px;} /* column breakdown (i.e. full columns) spacing */

		/* AWS 2.2 - List Groups ----------------------------------------------------------------*/

			/* Achievements ---------------------------------------------------------------------*/
				.list-group.achievements .wrap{
					right:0;
					bottom:0;
					width: 100%;
					height: 100%;
					max-width: 130px;
					margin: 0 auto;
				}

				/* Title & Subtext */
					.list-group.achievements .txt{font-size:12px;}
					.list-group.achievements .txt.sub{top:100px;}

				/* Empty Badge */
					.list-group.achievements .empty .btn-dashed{font-size:12px;}

				/* Icon Badge & Stat */
					.list-group.achievements .icon-badge{width:74px;height:74px;margin-left:-36px;}

					.list-group.achievements .icon-badge > .stat > .number{font-size:24px;height:18px;}
					.list-group.achievements .icon-badge > .stat > .measure{font-size:11px;}

					/* Case-by-Case Overrides */
						.list-group.achievements .icon-badge.calendar{margin-left:-34px;}
						.list-group.achievements .icon-badge.calendar > .stat{padding-bottom:12px;}

						.list-group.achievements .icon-badge.time{margin-left:-34px;}
						.list-group.achievements .icon-badge.time > .stat{padding-top:0;}

						.list-group.achievements .icon-badge.weight > .stat{padding-bottom:4px;}

			/* Equipment ------------------------------------------------------------------------*/
				.list-group.equipment .media-left{padding-right:18px;}
				.list-group.equipment .media-left > img{max-width:120px;}

				.list-group.equipment .list-inline > li{display:block;}
				.list-group.equipment .list-inline > li + li{margin:3px 0 0;}

				.list-group.equipment .measurements > .item > h5{font-size:15px;}


	/*---------------------------------------------------------------------------------------------
	AWS 3.0 - Custom Reuseable Classes & Components
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 3.3 - Weather --------------------------------------------------------------------*/

			/* Left Content */
				.component.weather > .content > .media > .media-left{float:left;width:50%;height:120px;}
				.component.weather > .content > .media > .media-left + .media-left{
					border:none;
					float:right;
					padding-top: 9px;
				}

			/* Main Content */
				.component.weather > .content > .media > .media-body{display:block;width:100%;padding:30px 0 0;}
				.component.weather.default > .content > .media > .media-body{padding:0;}

			/* Footer */
				.component.weather > .footer .list-group-item{width:33.333333333%;}

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
			.component.equipment_details{height:240px;overflow:hidden;margin-bottom:20px;}
			.component.equipment_details > .media{width:50%;float:left;background:none;padding:38px 15px;margin:0;}
			.component.equipment_details > .links{width:50%;float:right;}
			.component.equipment_details > * + *{margin:0;}

			.component.equipment_details > .media > .media-heading{
				display:block;
				color:#fff;
				font-size:22px;
				margin:0 0 15px;
				width:100%;
			}
			.component.equipment_details > .media > *{width:47%;float:left;}
			.component.equipment_details > .media > .media-left{padding:0;position: relative;}			
			.component.equipment_details > .media > .media-left > img{border-radius: 8px;}
			.component.equipment_details > .media > .media-left > .dropdown{top:6px;right:6px;}
			.component.equipment_details > .media > .media-body{float:right;border:none;color:#fff;padding:0;}
			.component.equipment_details > .media > .media-body > ul > li > .puc{background-position: 0 0;}

			.component.equipment_details > .links > .list-group{
				border:none;
				border-radius: 0;
				-webkit-box-shadow: none;
    			box-shadow: none;
    			margin: 0;
			}
			.component.equipment_details > .links > .list-group:first-child a{
				width: 50%;
				float:left;
				height:95px;
				text-align: center;
				border-radius: 0;
				border:none;
				margin:0;
				padding: 19px 0 0;
			}
			.component.equipment_details > .links > .list-group:first-child a > .fa{
				position: static;
				font-size: 38px;
				height: 34px;
				margin-bottom:5px;
				display: block;
			}
			.component.equipment_details > .links > .list-group:first-child a {border-bottom:1px solid #ddd;}
			.component.equipment_details > .links > .list-group:first-child a:nth-child(even){border-left:1px solid #ddd;}

			.component.equipment_details > .links > .list-group:last-child a{
				height: 51px;
				border-radius: 0;
				border:none;
				background: rgba(255,255,255,.7);
				padding: 15px 15px 15px 40px;
			}
			.component.equipment_details > .links > .list-group:last-child a:hover,
			.component.equipment_details > .links > .list-group:last-child a:focus{background: #cc0000;color:#fff;}			
			.component.equipment_details > .links > .list-group:last-child a:hover > .fa,
			.component.equipment_details > .links > .list-group:last-child a:focus > .fa{color:#fff;}
			.component.equipment_details > .links > .list-group:last-child a > .fa{top:16px;}

			.component.equipment_details > .links > .list-group > .hidden-lg{cursor:default;}
			/*.component.equipment_details > .links > .list-group > .hidden-lg:hover,
			.component.equipment_details > .links > .list-group > .hidden-lg:focus{background:#fff;}*/

		/* AWS 3.5 - Recent Activity ------------------------------------------------------------*/
			.component.activity > .header .col-lg-6 + .col-lg-6{margin-top:10px;}
			.component.activity > .header h6 > span{display:inline-block;margin:0;}

		/* AWS 3.12 - Part Assembly -------------------------------------------------------------*/
			#assembly_drawing_exploded_view{min-height:300px;}


	/*---------------------------------------------------------------------------------------------
	AWS 5.0 - 3rd Party Overrides & Code Setup
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 5.1 - Progressbar.js -------------------------------------------------------------*/
			.progressbar .canvas,
			.progressbar .text{
				width:130px;
				height:113px;
			}
			.progressbar .text{top:30px;margin-left: -65px;}

            #paymetricIframe {
                width: 825px;
                height: 310px;
            }
}

/*-------------------------------------------------------------------------------------------------
Small Devices: Tablets
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px){

	/*---------------------------------------------------------------------------------------------
	AWS 1.0 - Base & Structural Elements
	/*-------------------------------------------------------------------------------------------*/
		
		/* AWS 1.1 - Header & Footer ------------------------------------------------------------*/
			#footer .copyright{text-align: left;}
			#footer .col-xs-12 + .col-xs-12{margin-top: 35px;}
		
		/* AWS 1.2 - Main Navigation ------------------------------------------------------------*/
			#main_navigation .navbar-nav > li > a{font-size:15px;}

			/* Icons */
				#main_navigation .fa-home{font-size:26px;position:relative;top:1px;}
				#main_navigation .fa-shopping-cart{font-size:24px;}


	/*---------------------------------------------------------------------------------------------
	AWS 2.0 - Bootstrap Component Overrides
	/*-------------------------------------------------------------------------------------------*/		
		.row.hidden-sm + .row{margin-top:0;}
		.col-sm-paddingOverride{padding-left:0;padding-right:0;}
		.row.col-bd-sm > div + div{margin-top:20px;} /* column breakdown (i.e. full columns) spacing */

		/* AWS 2.1 - Panels ---------------------------------------------------------------------*/
			/* Default --------------------------------------------------------------------------*/
				.panel-default > .panel-heading > .panel-title select{
					float: none;
					margin: 10px 0 0 0;
					width: 100%;
				}
		/* AWS 2.2 - List Groups ----------------------------------------------------------------*/

			/* Achievements ---------------------------------------------------------------------*/
				.list-group.achievements > .list-group-item{width: 50%;}
				.list-group.achievements > .list-group-item:nth-child(3){margin-bottom:0;}
				.list-group.achievements > .list-group-item:nth-child(5),
				.list-group.achievements > .list-group-item:nth-child(6){display:none;}

				/* Wrap & Structure */
					.list-group.achievements .wrap{width:157px;height:157px;}

				/* Default State (i.e. no achivements earned) */
					.list-group.achievements.default > .list-group-item .media{
						-webkit-flex-direction:column;
						-ms-flex-direction:column;
						flex-direction:column;
						display:-webkit-flex;
						display: -ms-flexbox;
						display:flex;
					}
					.list-group.achievements.default > .list-group-item .media > *{display:block;width:100%;}
					.list-group.achievements.default > .list-group-item .media .media-body{
						-webkit-order:99;
						-ms-flex-order:99;
						order:99;
					}
					.list-group.achievements.default > .list-group-item .media .media-right{
						margin-bottom:15px;
						padding: 0;
					}
					.list-group.achievements.default > .list-group-item .media .media-right img{margin:0 auto;}

			/* Equipment ------------------------------------------------------------------------*/
				.list-group.equipment .media-left{padding-right:18px;}
				.list-group.equipment .media-left > img{max-width:100px;}

				.list-group.equipment .media-heading{font-size:14px;line-height:18px;margin-bottom:0;}
				.list-group.equipment .list-inline > li{display:block;}
				.list-group.equipment .list-inline > li + li{margin:3px 0 0;}

				.list-group.equipment .measurements > .item > h5{font-size:11px;}
				.list-group.equipment .life{padding-bottom:50px;}

				.list-group.equipment .usage > ul > li{
					line-height:13px;
					height:41px;
					padding-top:8px;
				}
				.list-group.equipment .usage > ul > li > .stat{margin-top:-6px;}

			/* Events ---------------------------------------------------------------------------*/
				.list-group.events .list-group-item{padding:15px;}

			/* Notifications --------------------------------------------------------------------*/
				.list-group.notifications .media-body{padding-right:0;}

				/* Buttons */
					.list-group.notifications .media-right{display:block;padding-left:62px;margin-top:5px;}
					.list-group.notifications .media-right > a{
						font-size:26px;
						line-height:26px;
						width: auto;
						min-width: inherit;
						height: auto;
						text-align: left;
					}
					.list-group.notifications .media-right > a + a{right:auto;}
					.list-group.notifications .media-right > a > span{
						display:inline-block;
						padding-left:5px;
						position: relative;
						top:-5px;
					}


	/*---------------------------------------------------------------------------------------------
	AWS 3.0 - Custom Reuseable Classes & Components
	/*-------------------------------------------------------------------------------------------*/
		.img-fluid{max-width:100%;width:auto;margin:0 auto 20px;display:block;}

		/* AWS 3.3 - Weather --------------------------------------------------------------------*/

			/* Left Content */
				.component.weather > .content > .media > .media-left{float:left;width:50%;height:120px;}
				.component.weather > .content > .media > .media-left + .media-left{
					border:none;
					float:right;
					padding-top: 9px;
				}

			/* Main Content */
				.component.weather > .content > .media > .media-body{display:block;width:100%;padding:30px 0 0;}
				.component.weather.default > .content > .media > .media-body{padding:0;}

			/* Footer */
				.component.weather > .footer .list-group-item{width:33.333333333%;}

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
			.component.equipment_details{height:240px;overflow:hidden;margin-bottom:20px;}
			.component.equipment_details > .media{width:50%;float:left;background:none;padding:15px;margin:0;}
			.component.equipment_details > .links{width:50%;float:right;}
			.component.equipment_details > * + *{margin:0;}

			.component.equipment_details > .media > .media-heading{
				display:block;
				color:#fff;
				font-size:22px;
				margin:0 0 15px;
				width:100%;
				max-height: 48px;
				overflow: hidden;
			}
			.component.equipment_details > .media > *{width:47%;float:left;}
			.component.equipment_details > .media > .media-left{padding:0;position: relative;}
			.component.equipment_details > .media > .media-left > img{border-radius:8px;}
			.component.equipment_details > .media > .media-left > .dropdown{top:6px;right:6px;}
			.component.equipment_details > .media > .media-body{float:right;border:none;color:#fff;padding:0;}
			.component.equipment_details > .media > .media-body > ul > li > .puc{
				background-position: -32px 0;
				width:23px;
				height:18px;
			}
			.component.equipment_details > .media > .media-body > ul > li > .fa{font-size:18px;}

			.component.equipment_details > .links > .list-group{
				border:none;
				border-radius: 0;
				-webkit-box-shadow: none;
    			box-shadow: none;
    			margin: 0;
			}
			.component.equipment_details > .links > .list-group:first-child a{
				width: 50%;
				float:left;
				height:95px;
				text-align: center;
				border-radius: 0;
				border:none;
				margin:0;
				padding: 19px 0 0;
			}
			.component.equipment_details > .links > .list-group:first-child a > .fa{
				position: static;
				font-size: 38px;
				height: 34px;
				margin-bottom:5px;
				display: block;
			}
			.component.equipment_details > .links > .list-group:first-child a {border-bottom:1px solid #ddd;}
			.component.equipment_details > .links > .list-group:first-child a:nth-child(even){border-left:1px solid #ddd;}

			.component.equipment_details > .links > .list-group:last-child a{
				height: 51px;
				border-radius: 0;
				border:none;
				background: rgba(255,255,255,.7);
				padding: 15px 15px 15px 40px;
			}
			.component.equipment_details > .links > .list-group:last-child a:hover,
			.component.equipment_details > .links > .list-group:last-child a:focus{background: #cc0000;color:#fff;}
			.component.equipment_details > .links > .list-group:last-child a:hover > .fa,
			.component.equipment_details > .links > .list-group:last-child a:focus > .fa{color:#fff;}
			.component.equipment_details > .links > .list-group:last-child a > .fa{top:16px;}

			.component.equipment_details > .links > .list-group > .hidden-lg{cursor:default;}
			.component.equipment_details > .links > .list-group > .hidden-lg:hover,
			.component.equipment_details > .links > .list-group > .hidden-lg:focus{background:#fff;}

		/* AWS 3.5 - Recent Activity ------------------------------------------------------------*/
			.component.activity > .header .col-lg-6 + .col-lg-6{margin-top:10px;}
			.component.activity > .header h6 > span{display:inline-block;margin:0;}

		/* AWS 3.9 - Search Results -------------------------------------------------------------*/

			/* Find a Dealer Styles */
				.component.search_results .dealer .btn{font-size:11px;}

		/* AWS 3.11 - Table Grid ----------------------------------------------------------------*/
			.component.table-grid .row > .col-sm-12 > ul{padding-left:25px;}
			.component.table-grid .row > .col-sm-12 + .col-sm-12{padding-top:0;}


	/*---------------------------------------------------------------------------------------------
	AWS 4.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 4.2 - Equipment Details ----------------------------------------------------------*/
			#template.equipment_details{margin-top:-20px;}

			/* Progressbar.js -------------------------------------------------------------------*/
				#template.equipment_details .progressbar .canvas,
				#template.equipment_details .progressbar .text{
					width:86px;
					height:74px;
				}
				#template.equipment_details .progressbar .text{top:22px;margin-left: -43px;}


	/*---------------------------------------------------------------------------------------------
	AWS 5.0 - 3rd Party Overrides & Code Setup
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 5.1 - Progressbar.js -------------------------------------------------------------*/
			.progressbar .canvas,
			.progressbar .text{
				width:90px;
				height:78px;
			}
			.progressbar .text{top:25px;margin-left: -45px;}
	
		/* AWS 5.3 - jCarousel ------------------------------------------------------------------*/
			.component.carousel-multiitem{padding: 5px 25px;}
			.component.carousel-multiitem > .jcarousel-control{left:0px;}
			.component.carousel-multiitem > .jcarousel-control.next{left:auto;right:0px;}

        #paymetricIframe {
            width: 600px;
            height: 500px;
        }
}


/*-------------------------------------------------------------------------------------------------
Extra Small Devices - Standard Bootstrap + Things that are consistent between phone/phablet
-------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px){

	/*---------------------------------------------------------------------------------------------
	AWS 1.0 - Base & Structural Elements
	/*-------------------------------------------------------------------------------------------*/		
		
		/* AWS 1.1 - Header & Footer ------------------------------------------------------------*/
			#header{ height:93px; /* total height of logo/mobile bar for affix to work smoothly */ }
			#header.not_logged_in{height:53px;}
			#logo{display:block;width:121px;margin:0 auto;}
			#logo > img{width:100%;}
			#utility_bar{padding:10px 0;}

			#footer{margin-bottom:95px;padding:24px 0 23px;}
			#footer .utility-nav{font-size:12px;}
			#footer p{text-align: center !important;}
			#footer .col-xs-12 + .col-xs-12{margin-top: 35px;}

		/* AWS 1.2 - Main Navigation ------------------------------------------------------------*/
			#main_navigation{
				background: #fff;
				margin:0;
				min-height:inherit;
				top:-100px;
				position: absolute;
				z-index: 10000;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			#main_navigation.affix{
				top:auto;
				bottom:0;
				right:0;
				position:fixed;	/* Switch location of where sticky nav sticks too */
				-webkit-box-shadow: 0 -5px 3px 0 rgba(0,0,0,.1);
				box-shadow: 0 -5px 3px 0 rgba(0,0,0,.1);
			}

			#main_navigation .navbar-nav{margin:0 -15px;}
			#main_navigation .navbar-nav > li{				
				text-align: center;
				float: left;
				width: 20%;
				border:none;
			}
			#main_navigation .navbar-nav > li.visible-xs{display: table-cell !important;}
			#main_navigation .navbar-nav > li > a{font-size:10px;padding:4px 0 !important;}
			#main_navigation .navbar-nav > li > a > .fa{font-size:36px;margin-bottom:-5px;color:#000;}

			/* In order to line the nav items evenly, centered and vertically we have to do specific adjustments */
				#main_navigation .navbar-nav > li > a > .txt{display: block;margin-top:-10px;}
				#main_navigation .navbar-nav > li > a > .fa-user + .txt,
				#main_navigation .navbar-nav > li > a > .fa-shopping-cart ~ .txt{margin-top:-8px;}

				#main_navigation .navbar-nav > li > a > .fa-home,
				#main_navigation .navbar-nav > li > a > .fa-dashboard{margin-top:1px;}
				#main_navigation .navbar-nav > li > a > .fa-bell{font-size:30px;margin-top:6px;}
				#main_navigation .navbar-nav > li > a > .fa-user{font-size:30px;margin-top:4px;}
				#main_navigation .navbar-nav > li > a > .fa-shopping-cart{font-size:34px;margin-top:1px;}

			#main_navigation .navbar-nav > li > a > .fa-circle{
				color:#cc0000;
				font-size:24px;
				right: auto;
				left:50%;
				margin-left:5px;
			}			

			/* Mobile Bar */
				#mobile_bar{background: #000;width:100%;top:0;right:0;z-index:10000;}
				#mobile_bar .nav{position:relative;margin:0 -15px;}
				#mobile_bar .nav > li{
					width:100%;
					padding: 10px 40px;
					text-align: center;
					color:#fff;
					text-transform:uppercase;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
				}
				#mobile_bar .nav > li:first-child,
				#mobile_bar .nav > li:last-child{
					position: absolute;
					top:0;left:0;
					padding:0;
					width:40px;
					z-index: 10;
				}
				#mobile_bar .nav > li:last-child{left:auto;right:0;}

				#mobile_bar .nav > li:first-child > a:hover,
				#mobile_bar .nav > li:last-child > a:hover{background: #fff;color: #000;}

				#mobile_bar .nav > li > a,
				.mm-opened #mobile_bar .nav > li:last-child:focus > a,
				.mm-opened #mobile_bar .nav > li:last-child > a{background: #000;color:#fff;}

				/* MMenu Fixes */
					/*html.mm-opened .affix{display:none !important;}*/
					.mm-opened #mobile_bar .nav > li:last-child > a > .fa:before{content: "\f00d";}

		/* AWS 1.3 - Utilities ------------------------------------------------------------------*/

			/* Image Styles */
				img.pull-left,
				img.pull-right{
					display:block;
					float: none !important;
					margin:0 auto 15px;
					max-width: 100%;
				}
	/*---------------------------------------------------------------------------------------------
	AWS 2.0 - Bootstrap Component Overrides
	/*-------------------------------------------------------------------------------------------*/
		.row.hidden-xs + .row{margin-top:0;}
		.col-xs-paddingOverride{padding-left:0;padding-right:0;}
		.row.col-bd-xs > div + div{margin-top:20px;} /* column breakdown (i.e. full columns) spacing */

		/* AWS 2.1 - Panels ---------------------------------------------------------------------*/

			/* Primary --------------------------------------------------------------------------*/
				/* Article Variant --------------------------------------------------------------*/
					.panel-primary.article.js-equalHeightItem{min-height: auto !important;}
			/* Default --------------------------------------------------------------------------*/				
				.panel-default .panel-body > p,
				.panel-default .panel-body > a:link{font-size: 16px;}
				.panel-default > .panel-heading > .panel-title select{
					float: none;
					margin: 10px 0 0 0;
					width: 100%;
				}

		/* AWS 2.2 - List Groups ----------------------------------------------------------------*/

			/* Achievements ---------------------------------------------------------------------*/
				.list-group.achievements .wrap{
					right:0;
					bottom:0;
					width: 100%;
					height: 100%;
					max-width: 165px;
					margin: 0 auto;
				}

				/* Title & Subtext */
					.list-group.achievements .title,
					.list-group.achievements .sub{position: static !important}
					.list-group.achievements .icon-badge{
						position: relative;
						margin: 0 auto !important;
						top:inherit;left:inherit;
					}

				/* Empty Badge */
					.list-group.achievements .empty .wrap{
						max-width: inherit;
						width: auto;
					}

		/* AWS 2.3 - Carousel -------------------------------------------------------------------*/
			.carousel .item .content{padding:30px;}

		/* AWS 2.5 - Page Header ----------------------------------------------------------------*/
			.page-header{
				display:flex;
				flex-direction:column;
				display:-webkit-flex; 
				-webkit-flex-direction:column;
				-webkit-box-orient: vertical;
			}
			.page-header > .btn{
				-webkit-order:99;
				order:99;
				float: none;
				margin: 10px 0 0;
			}
			.page-header > h2 > .btn{display:block;top:0;margin-top:10px;}


	/*---------------------------------------------------------------------------------------------
	AWS 3.0 - Custom Reuseable Classes & Components
	/*-------------------------------------------------------------------------------------------*/
		.img-fluid{max-width:100%;width:auto;margin:0 auto 20px;display:block;}

		/* Misc Utility */
			.display-xs-block{display:block;}

			/* Reordering of Columns */
				.reorder-xs{
					display:flex;
					display:-webkit-flex;
					flex-direction:column;
					-webkit-flex-direction:column;
				}

				.col-xs-order-1{order: 1; -webkit-order: 1;}
				.col-xs-order-2{order: 2; -webkit-order: 2;margin-top:20px;}
				.col-xs-order-3{order: 3; -webkit-order: 3;margin-top:20px;}
				.col-xs-order-4{order: 4; -webkit-order: 4;margin-top:20px;}
				.col-xs-order-5{order: 5; -webkit-order: 5;margin-top:20px;}

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
			.component.equipment_details{overflow:hidden;margin-bottom:20px;}
			.component.equipment_details > .media{background:none;padding:15px;margin:0;}
			.component.equipment_details > * + *{margin:0;}

			.component.equipment_details > .media > .media-heading{
				display:block;
				color:#fff;
				font-size:22px;
				margin:0 0 15px;
				width:100%;
				max-height: 48px;
				overflow: hidden;
			}
			.component.equipment_details > .media > *{display:table-cell;width:auto;}
			.component.equipment_details > .media > .media-left{padding:0;max-width:240px;position: relative;}
			.component.equipment_details > .media > .media-left > img{border-radius: 8px;}
			.component.equipment_details > .media > .media-left > .dropdown{top:6px;right:6px;}
			.component.equipment_details > .media > .media-body{border:none;color:#fff;padding:0 0 0 30px;}
			.component.equipment_details > .media > .media-body > ul > li > .puc{
				background-position: -32px 0;
				width:23px;
				height:18px;
			}
			.component.equipment_details > .media > .media-body > ul > li > .fa{font-size:18px;}

			.component.equipment_details > .links > .list-group{
				border:none;
				border-radius: 0;
				-webkit-box-shadow: none;
    			box-shadow: none;
    			margin: 0;
			}
			.component.equipment_details > .links > .list-group:first-child a{
				width: 50%;
				float:left;
				height:95px;
				text-align: center;
				border-radius: 0;
				border:none;
				margin:0;
				padding: 19px 0 0;
			}
			.component.equipment_details > .links > .list-group:first-child a > .fa{
				position: static;
				font-size: 38px;
				height: 34px;
				margin-bottom:5px;
				display: block;
			}
			.component.equipment_details > .links > .list-group:first-child a {border-bottom:1px solid #ddd;}
			.component.equipment_details > .links > .list-group:first-child a:nth-child(even){border-left:1px solid #ddd;}

			.component.equipment_details > .links > .list-group:last-child a{
				height: 50px;
				border-radius: 0;
				border:none;
				background: rgba(255,255,255,.7);
				padding: 15px 15px 15px 40px;
			}
			.component.equipment_details > .links > .list-group:last-child a:hover,
			.component.equipment_details > .links > .list-group:last-child a:focus{background: #cc0000;color:#fff;}
			.component.equipment_details > .links > .list-group:last-child a:hover > .fa,
			.component.equipment_details > .links > .list-group:last-child a:focus > .fa{color:#fff;}
			.component.equipment_details > .links > .list-group:last-child a > .fa{top:16px;}

			.component.equipment_details > .links > .list-group > .hidden-lg{cursor:default;}
			/*.component.equipment_details > .links > .list-group > .hidden-lg:hover,
			.component.equipment_details > .links > .list-group > .hidden-lg:focus{background:#fff;}*/

		/* AWS 3.5 - Recent Activity ------------------------------------------------------------*/
			.component.activity > .header .col-lg-6 + .col-lg-6{margin-top:10px;}
			.component.activity > .header h6 > span{display:inline-block;margin:0;}

		/* AWS 3.11 - Table Grid ----------------------------------------------------------------*/
			.component.table-grid .row > .col-xs-12 > ul{padding-left:25px;}
			.component.table-grid .row > .col-xs-12 + .col-xs-12{padding-top:0;}

		/* 3.13 - Vertical Tabs -----------------------------------------------------------------*/
			.component.tabs{
				background: none;
				padding:0;
				border-radius:0;
				-webkit-box-shadow:none;
				box-shadow:none;
			}
			.component.tabs .list-group{margin:0;}
			.component.tabs .tabs > .tab{padding:0;}

			.component.tabs > .row{width:200%;margin:0;position:relative;}
			.component.tabs > .row > div{width:50%;float:left;padding: 0;}

		/* AWS 3.17 - Breakdownable Table (i.e. utilizing rows/columns) -------------------------*/

			/* Structural Overrides */
				.component.table-bd .row{display:block;}
				.component.table-bd .row > div{
					display:block;
					float: left;
					padding:6px 10px;
				}

		/* AWS 3.18 - Toggleable Content --------------------------------------------------------*/
			.component.toggleable-content .form-horizontal{margin-top:20px;}
			.component.toggleable-content .btn-text .fa{display:none;}
			.component.toggleable-content .buttons a{margin-bottom:20px;}


	/*---------------------------------------------------------------------------------------------
	AWS 4.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/
		#template.equipment_details .custom_column{padding:0;}
		#template.equipment_details .custom_column > *:first-child{margin:-20px 0 20px;}
		#template.equipment_details .custom_column > *:first-child > .list-group-item{border-radius:0;}
		#template.equipment_details .custom_column > *{margin-left:15px;margin-right:15px;}

		/* AWS 4.2 - Equipment Details ----------------------------------------------------------*/
			#template.equipment_details{margin-top:-20px;}


	/*---------------------------------------------------------------------------------------------
	AWS 5.0 - 3rd Party Overrides & Code Setup
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 5.3 - jCarousel ------------------------------------------------------------------*/
			.component.carousel-multiitem{padding: 5px 25px;}
			.component.carousel-multiitem > .jcarousel-control{left:0px;}
			.component.carousel-multiitem > .jcarousel-control.next{left:auto;right:0px;}

		/* AWS 5.4 - Toastr ---------------------------------------------------------------------*/
			#toast-container.toast-bottom-center{bottom:85px;}
}


/*-------------------------------------------------------------------------------------------------
Phablet Devices (Custom Component Breakdowns)
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 767px){

	/*---------------------------------------------------------------------------------------------
	AWS 2.0 - Bootstrap Component Overrides
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 2.2 - List Groups ----------------------------------------------------------------*/

			/* Equipment ------------------------------------------------------------------------*/
				.list-group.equipment .media{padding-right:35px;}
				.list-group.equipment .list-inline > li + li{margin-left:15px;}
}


/*-------------------------------------------------------------------------------------------------
Phablet Devices & Phone Devices (Custom Component Breakdowns)
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 599px) {

	/*---------------------------------------------------------------------------------------------
	AWS 2.0 - Bootstrap Component Overrides
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 2.2 - List Groups ----------------------------------------------------------------*/

			/* Achievements ---------------------------------------------------------------------*/
				.list-group.achievements > .list-group-item{width: 50%;}
				.list-group.achievements > .list-group-item:nth-child(5),
				.list-group.achievements > .list-group-item:nth-child(6){display:none;}

				/* Default State (i.e. no achivements earned) */
					.list-group.achievements.default > .list-group-item .media{
						-webkit-flex-direction:column;
						-ms-flex-direction:column;
						flex-direction:column;
						display:-webkit-flex;
						display: -ms-flexbox;
						display:flex;
					}
					.list-group.achievements.default > .list-group-item .media > *{display:block;width:100%;}
					.list-group.achievements.default > .list-group-item .media .media-body{
						-webkit-order:99;
						-ms-flex-order:99;
						order:99;
					}
					.list-group.achievements.default > .list-group-item .media .media-right{
						margin-bottom:15px;
						padding: 0;
					}
					.list-group.achievements.default > .list-group-item .media .media-right img{margin:0 auto;}

			/* Equipment ------------------------------------------------------------------------*/
				.list-group.equipment .media-left{padding-right:18px;}
				.list-group.equipment .media-left > img{max-width:100px;}

				.list-group.equipment .media-heading{font-size:14px;line-height:18px;margin-bottom:0;}
				.list-group.equipment .list-inline > li{display:block;}
				.list-group.equipment .list-inline > li + li{margin:3px 0 0;}

				.list-group.equipment .measurements > .item > h5{font-size:13px;}
				.list-group.equipment .life{padding-bottom:50px;}

				.list-group.equipment .usage > ul > li{padding:9px 35px 12px 23px;}
				.list-group.equipment .usage > ul > li > .fa{font-size:12px;left:7px;margin-top:-6px;}
				.list-group.equipment .usage > ul > li > .stat{font-size:16px;}

			/* Events ---------------------------------------------------------------------------*/
				.list-group.events .list-group-item{padding:15px;}
				.list-group.events .media-right{display:none;}

			/* Notifications --------------------------------------------------------------------*/
				.list-group.notifications .media-body{padding-right:0;}

				/* Buttons */
					.list-group.notifications .media-right{display:block;padding-left:62px;margin-top:5px;}
					.list-group.notifications .media-right > a{
						font-size:26px;
						line-height:26px;
						width: auto;
						min-width: inherit;
						height: auto;
						text-align: left;
					}
					.list-group.notifications .media-right > a + a{right:auto;}
					.list-group.notifications .media-right > a > span{
						display:inline-block;
						padding-left:5px;
						position: relative;
						top:-5px;
					}

                #paymetricIframe {
                    width: 315px;
                    height: 500px;
                }


	/*---------------------------------------------------------------------------------------------
	AWS 3.0 - Custom Reuseable Classes & Components
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
			.list-group.equipment .list-inline > li{padding:1px 0 5px 30px;}
			.list-group.equipment .list-inline > li > .icon.puc{
				background-position: -32px 0;
				width: 23px;
				height: 18px;
			}
			.list-group.equipment .list-inline > li > .fa{font-size:18px;}

		/* AWS 3.3 - Weather --------------------------------------------------------------------*/

			/* Left Content */
				.component.weather > .content > .media > .media-left{float:left;width:50%;height:120px;}
				.component.weather > .content > .media > .media-left + .media-left{
					border:none;
					float:right;
					padding-top: 9px;
				}

			/* Main Content */
				.component.weather > .content > .media > .media-body{display:block;width:100%;padding:30px 0 0;}
				.component.weather.default > .content > .media > .media-body{padding:0;}

			/* Footer */
				.component.weather > .footer .list-group-item{width:33.333333333%;}

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
			.component.equipment_details > .media > .media-left{max-width:200px;}


	/*---------------------------------------------------------------------------------------------
	AWS 4.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 4.2 - Equipment Details ----------------------------------------------------------*/
			#template.equipment_details{margin-top:-20px;}

			/* Progressbar.js -------------------------------------------------------------------*/
				#template.equipment_details .progressbar .canvas,
				#template.equipment_details .progressbar .text{
					width:90px;
					height:78px;
				}
				#template.equipment_details .progressbar .text{top:25px;margin-left: -45px;}


	/*---------------------------------------------------------------------------------------------
	AWS 5.0 - 3rd Party Overrides & Code Setup
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 5.1 - Progressbar.js -------------------------------------------------------------*/
			.progressbar .canvas,
			.progressbar .text{
				width:90px;
				height:78px;
			}
			.progressbar .text{top:25px;margin-left: -45px;}
}

/*-------------------------------------------------------------------------------------------------
Extra Small Devices
-------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 374px){

	/*---------------------------------------------------------------------------------------------
	AWS 2.0 - Bootstrap Component Overrides
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 2.2 - List Groups ----------------------------------------------------------------*/

			/* Achievements ---------------------------------------------------------------------*/
				.list-group.achievements .wrap{
					right:0;
					bottom:0;
					width: 100%;
					height: 100%;
					max-width: 130px;
					margin: 0 auto;
				}

				/* Title & Subtext */
					.list-group.achievements .txt{font-size:12px;}
					.list-group.achievements .txt.sub{top:100px;}

				/* Empty Badge */
					.list-group.achievements .empty .btn-dashed{font-size:12px;}

				/* Icon Badge & Stat */
					.list-group.achievements .icon-badge{width:74px;height:74px;margin-left:-36px;}

					.list-group.achievements .icon-badge > .stat > .number{font-size:24px;height:18px;}
					.list-group.achievements .icon-badge > .stat > .measure{font-size:11px;}

					/* Case-by-Case Overrides */
						.list-group.achievements .icon-badge.calendar{margin-left:-34px;}
						.list-group.achievements .icon-badge.calendar > .stat{padding-bottom:12px;}

						.list-group.achievements .icon-badge.time{margin-left:-34px;}
						.list-group.achievements .icon-badge.time > .stat{padding-top:0;}

						.list-group.achievements .icon-badge.weight > .stat{padding-bottom:4px;}

		/* Articles -----------------------------------------------------------------------------*/
			.list-group.articles .media-left{padding:0;display:block;margin-bottom:10px;}
			.list-group.articles .media-left img{display:block;width:100%;}

		/* Equipment ----------------------------------------------------------------------------*/
			.list-group.equipment .measurements > .item > h5{font-size:10px;}
			.list-group.equipment .usage > ul > li{
				line-height:13px;
				height:41px;
				padding: 8px 40px 12px 23px;
				font-size: 12px;
				padding-left:25px;
			}
			.list-group.equipment .usage > ul > li > .stat{margin-top:-7px;}


	/*---------------------------------------------------------------------------------------------
	AWS 3.0 - Custom Reuseable Classes & Components
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 3.4 - Equipment Details ----------------------------------------------------------*/
			.component.equipment_details > .media > .media-left > .dropdown.open > .dropdown-menu{right:auto;left:0;}


	/*---------------------------------------------------------------------------------------------
	AWS 4.0 - Template Specific (i.e. override display of any design element on a specific template)
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 4.2 - Equipment Details ----------------------------------------------------------*/
			#template.equipment_details{margin-top:-20px;}

			/* List Group - Equipment -----------------------------------------------------------*/
				#template.equipment_details .list-group.equipment .measurements > .item > h5{font-size: 10px;}

			/* Progressbar.js -------------------------------------------------------------------*/
				#template.equipment_details .progressbar .canvas,
				#template.equipment_details .progressbar .text{
					width:74px;
					height:64px;
				}
				#template.equipment_details .progressbar .text{top:15px;margin-left: -37px;}
				#template.equipment_details .progressbar .text > .number{font-size:26px;}
				#template.equipment_details .progressbar .text > .unit{font-size:12px;}


	/*---------------------------------------------------------------------------------------------
	AWS 5.0 - 3rd Party Overrides & Code Setup
	/*-------------------------------------------------------------------------------------------*/

		/* AWS 5.1 - Progressbar.js -------------------------------------------------------------*/
			.progressbar .canvas,
			.progressbar .text{
				width:74px;
				height:64px;
			}
			.progressbar .text{top:15px;margin-left: -37px;}
			.progressbar .text > .number{font-size:26px;}
			.progressbar .text > .unit{font-size:12px;}

		/* AWS 5.3 - jCarousel ------------------------------------------------------------------*/
			.component.carousel-multiitem{padding: 5px 15px;}
			.component.carousel-multiitem > .jcarousel-control{left:-5px;}
			.component.carousel-multiitem > .jcarousel-control.next{left:auto;right:-5px;}

        #paymetricIframe {
            width: 270px;
            height: 500px;
        }
}