.hardwareModelImageContainer {
width: 150px;
height: 150px;
position:relative;
border:1px solid #cccccc;
border-radius: 2px;
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
}

@media (min-width: 550px) {
	.hardwareModelImageContainer {
    width: 150px;
    height: 150px;
	}
}

@media (min-width: 768px) {
	.hardwareModelImageContainer {
    width: 180px;
    height: 180px;
	}
}

@media (min-width: 992px) {
	.hardwareModelImageContainer {
    width: 250px;
    height: 250px;
	}
}

@media (min-width: 1200px) {
	.hardwareModelImageContainer {
    width: 300px;
    height: 300px;
	}
}



/* ------------------ORDER / PAYMENT STAUS ---------------------------------------------------------- */

.orderStatusSprite {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
color: #ffffff;
font-family: 'newsgoth_bdxcn_btbold', sans-serif;
line-height:22px;
font-size: 14px;
letter-spacing: 1px;
border-radius: 2px;
margin:2px;
-webkit-box-shadow: inset 1px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 7px 0px rgba(0,0,0,0.4);
}

.orderStatusSprite.awaitingprocessing {
color:#ffffff;
background-color: #34caef;
}
.orderStatusSprite.awaitingprocessing:after {
content: "AP";
}

.orderStatusSprite.awaitingshipping {
color:#ffffff;
background-color: #fbc70c;
}
.orderStatusSprite.awaitingshipping:after {
content: "AS";
}

.orderStatusSprite.shippingproposal {
color:#ffffff;
background-color: #ffa41b;
}
.orderStatusSprite.shippingproposal:after {
content: "SP";
}

.orderStatusSprite.shippingapproved {
color:#ffffff;
background-color: #dc7a27;
}
.orderStatusSprite.shippingapproved:after {
content: "SA";
}

.orderStatusSprite.processing {
color:#ffffff;
background-color: #2b63e2;
}
.orderStatusSprite.processing:after {
content: "P";
}

.orderStatusSprite.success {
color:#ffffff;
background-color: #29da4f;
}
.orderStatusSprite.success:after {
content: "S";
}


.orderStatusSprite.returnrequest {
color:#ffffff;
background-color: #a26406;
}
.orderStatusSprite.returnrequest:after {
content: "RR";
}

.orderStatusSprite.dispute {
color:#ffffff;
background-color: #d51d24;
}
.orderStatusSprite.dispute:after {
content: "D";
}

.orderStatusSprite.canceled {
color:#ffffff;
background-color: #666666;
}
.orderStatusSprite.canceled:after {
content: "C";
}



.paymentStatusSprite {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
color: #ffffff;
font-family: 'newsgoth_bdxcn_btbold', sans-serif;
line-height:22px;
font-size: 14px;
letter-spacing: 1px;
border-radius: 10px;
margin:2px;
-webkit-box-shadow: inset 1px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 7px 0px rgba(0,0,0,0.4);
}
.paymentStatusSprite.paid {
color:#ffffff;
background-color: #29da4f;
}
.paymentStatusSprite.paid:after {
content: "P";
}

.paymentStatusSprite.partialrefund {
color:#ffffff;
background-color: #f4cb02;
}
.paymentStatusSprite.partialrefund:after {
content: "PR";
}

.paymentStatusSprite.fullrefund {
color:#ffffff;
background-color: #F49302;
}
.paymentStatusSprite.fullrefund:after {
content: "FR";
}

.paymentStatusSprite.dispute {
color:#ffffff;
background-color: #d51d24;
}
.paymentStatusSprite.dispute:after {
content: "D";
}




/* GLOBAL MAP AND OTHER ICONS------------------------------------------------ */
.gmListing {
cursor:pointer;
position:relative;
padding:15px;
background-color: #f0f0f0;
border-bottom: 2px solid #ffffff;		
}
.gmListing:hover {
/* background-color: #e7e7e7; */
-webkit-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.4);
}


.gm_licenseeListing {
background-color: #f6ddd3;
}
.gm_licenseeUserListing {
background-color: #f2e3f6;
}
.gm_distributorListing {
background-color: #eaf8dc;
}
.gm_distributorUserListing {
background-color: #fcefff;
}
.gm_customerListing {
background-color: #fff3ea;
}
.gm_locationListing {
background-color: #e8f3ff;
}
.gm_hardwareListing {
background-color: #dfe5eb;
}


.gmListingIcon {
float:left;	
margin-right:3px;		
}		
.gmListingContent {
overflow:hidden;		
}	


.gmLicenseeSeparator {
position: absolute;
top: -22px;
bottom: 20px;
width: 20px;
border-left: 1px solid #dd4f16;
}
.gmLicenseeSeparator_FIRST {
position: absolute;
top: 10px;
bottom: 0px;
width: 20px;
border-left: 1px solid #dd4f16;
border-top: 1px solid #dd4f16;
}


.gmDistributorSeparator {
position: absolute;
top: -22px;
bottom: 20px;
width: 20px;
border-left: 1px solid #61a225;
}
.gmDistributorSeparator_FIRST {
position: absolute;
top: 10px;
bottom: 0px;
width: 20px;
border-left: 1px solid #61a225;
border-top: 1px solid #61a225;
}		


.gmCustomerSeparator {
position:absolute;
top: -22px;
bottom: 20px;
width:20px;
border-left:1px solid #fa9a09;
}
.gmCustomerSeparator_FIRST {
position:absolute;
top: 10px;
bottom: 0px;
width:20px;
border-left:1px solid #fa9a09;
border-top:1px solid #fa9a09;
}

.gmLocationSeparator {
position:absolute;
top: -22px;
bottom: 20px;
width:20px;
border-left:1px solid #3071b9;
}
.gmLocationSeparator_FIRST {
position:absolute;
top: 10px;
bottom: 0px;
width:20px;
border-left:1px solid #3071b9;
border-top:1px solid #3071b9;
}	

.activeStatusSprite {
position: relative;
display: inline-block;
vertical-align: top;
width: 15px;
height: 15px;
text-align: center;
color: #ffffff;
font-family: 'ProximaNovaRegular', sans-serif;
line-height: 15px;
font-size: 11px;
border-radius: 10px;
margin: 2px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
}
.activeStatusSprite.active {
color:#ffffff;
background-color: #29da4f;
}
.activeStatusSprite.active:after {
content: "A";
}		
.activeStatusSprite.notactive {
color:#ffffff;
background-color: #a5a5a5;
}
.activeStatusSprite.notactive:after {
content: "A";
}


.registeredStatusSprite {
position: relative;
display: inline-block;
vertical-align: top;
width: 15px;
height: 15px;
text-align: center;
color: #ffffff;
font-family: 'ProximaNovaRegular', sans-serif;
line-height: 15px;
font-size: 11px;
border-radius: 1px;
margin: 2px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
}
.registeredStatusSprite.registered {
color:#ffffff;
background-color: #29da4f;
}
.registeredStatusSprite.registered:after {
content: "R";
}		
.registeredStatusSprite.notregistered {
color:#ffffff;
background-color: #a5a5a5;
}
.registeredStatusSprite.notregistered:after {
content: "R";
}


.installedStatusSprite {
position: relative;
display: inline-block;
vertical-align: top;
min-width: 15px;
min-height: 15px;
padding: 0px 3px 0px 3px;
text-align: center;
color: #ffffff;
font-family: 'ProximaNovaRegular', sans-serif;
line-height: 15px;
font-size: 11px;
border-radius: 5px;
margin: 2px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
}
.installedStatusSprite.installed {
color:#ffffff;
background-color: #2eb64b;
}
/* .installedStatusSprite.installed:after {
content: "H";
}	 */	
.installedStatusSprite.notinstalled {
color:#ffffff;
background-color: #d51d24;
border-radius: 10px;
width: 15px;
padding: 0px;
}
.installedStatusSprite.notinstalled:after {
content: "H";
}


.hardareLifeStatusSprite {
position: relative;
display: inline-block;
vertical-align: top;
min-width: 15px;
padding: 0px 3px 0px 3px;
min-height: 15px;
text-align: center;
color: #ffffff;
font-family: 'ProximaNovaRegular', sans-serif;
line-height: 15px;
font-size: 11px;
border-radius: 5px;
margin: 2px;
-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
	background-color: #3071b9;
}		

.hardareLifeStatusSprite.expired {
color:#ffffff;
background-color: #d51d24;
}

.licenseeIcon {
color:#dd4f16;
}
.licenseeUserIcon {
color:#9f1cbe;
}
.distributorIcon {
color:#61a225;
}
.distributorUserIcon {
color:#d254f0;
}
.customerCompanyIcon {
color:#fa9a09;
}
.customerLocationIcon {
color:#3071b9;
}
.hardwareUnitIcon {
color:#8193a6;
}

.licenseeUserCount {
position: relative;
display: inline-block;
vertical-align: top;
margin: 2px;
border-bottom: 1px solid #9f1cbe;
font-size: 12px;
line-height: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #337ab7;
}

.userCount {
position: relative;
display: inline-block;
vertical-align: top;
margin: 2px;
border-bottom: 1px solid #d254f0;
font-size: 12px;
line-height: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #337ab7;
}

.locationCount {
position: relative;
display: inline-block;
vertical-align: top;
margin: 2px;
border-bottom: 1px solid #3071b9;
font-size: 12px;
line-height: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #337ab7;
}

.hardwareCount {
position: relative;
display: inline-block;
vertical-align: top;
margin: 2px;
border-bottom: 1px solid #8193a6;
font-size: 12px;
line-height: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #337ab7;
}