.uiIconEcmsConnectBox {
	height: 14px !important;
	width: 14px !important;
}
.uiIconEcmsConnectBox:before {
	content: url("icons/box-gray-14x14.png");
}

.uiIconEcmsConnectDialog-box:before {
	content: url("icons/box-gray-24x24.png");
}

.uiIcon16x16CloudFile-box {
	top: 3px;
}
.uiIcon16x16CloudFile-box:before {
	content: url("icons/box-gray-14x14.png");
}

.uiIcon16x16CloudDrive-box:before {
	left: -15px;
  top: 0px;
	width: 16px;
  height: 16px;
  position: absolute !important;
	-webkit-transform: scale(0.36);
	-moz-transform: scale(0.36);
	-o-transform: scale(0.36);
	-ms-transform: scale(0.36);
	transform: scale(0.36);
	content: url("icons/box-gray-16x16.png");
}

.uiIcon24x24CloudDrive-box:before {
	left: 2px;
  top: -21px;
  width: 20px;
  height: 20px;
  position: relative !important;
  display: inline-block;
 	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	content: url("icons/box-gray-16x16.png");
}

.uiIcon64x64CloudDrive-box:before {
	left: -50px;
  top: 3px;
	width: 40px;
  height: 40px;
  position: absolute !important;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	content: url("icons/box-gray-32x32.png");
}

@media (min-width: 481px) and (max-width: 1024px) {
	.uiIcon16x16CloudDrive-box:before {
		left: -17px;
		top: 2px;
		-webkit-transform: scale(0.45);
		-moz-transform: scale(0.45);
		-o-transform: scale(0.45);
		-ms-transform: scale(0.45);
		transform: scale(0.45);
	}
	
	.uiIcon24x24CloudDrive-box:before {
		left: 7px;
	  top: -30px;
	  -webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	
	.uiIcon64x64CloudDrive-box:before {
		left: -57px;
    top: -5px;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
}

/*************************** NodeType Icons for Box documents ***********************/

.uiIcon16x16applicationx-exoboxwebdoc:before {
	content: url("icons/box-webdoc-16x16.png");
}

.uiIcon24x24applicationx-exoboxwebdoc:before {
	content: url("icons/box-webdoc-24x24.png");
}

.uiIcon64x64applicationx-exoboxwebdoc:before {
	content: url("icons/box-webdoc-64x64.png");
}

.uiIcon16x16applicationx-exoboxnote:before {
	content: url("icons/box-note-16x16.png");
}

.uiIcon24x24applicationx-exoboxnote:before {
	content: url("icons/box-note-24x24.png");
}

.uiIcon64x64applicationx-exoboxnote:before {
	content: url("icons/box-note-64x64.png");
}
