.vx {
	display: inline-block;
	width: 14px;
	height: 14px;
	/*margin-top: 1px;
	*margin-right: .3em;*/
	margin: auto;
	line-height: 14px;
	/*vertical-align: text-top;*/
	vertical-align: middle;
	background: url("/Content/VitoxIconic/Images/vx_data.png?v=2") 0 0 no-repeat;
	/*background-position: 0 0;
	background-repeat: no-repeat;*/

	margin-top: -2px;
}


.vx-white {
	background-image: url("/Content/VitoxIconic/Images/vx_data_white.png?v=2");
}

.vx-red {
	background-image: url("/Content/VitoxIconic/Images/vx_data_red.png?v=2");
}


.vx-large {
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-image: url("/Content/VitoxIconic/Images/vx_data_large.png?v=2");
	background-position: 28px 0px;
	background-repeat: no-repeat;
}

	.vx-large.vx-white {
		background-position-x: 0px;
		background-image: url("/Content/VitoxIconic/Images/vx_data_large_white.png?v=2");
	}



/*Bootstrap Hover Integration*/
.nav-pills > .active > a > .vx,
.nav-list > .active > a > .vx,
.navbar-inverse .nav > .active > a > .vx,
.dropdown-menu > li > a:hover > .vx,
.dropdown-menu > li > a:focus > .vx,
.dropdown-menu > .active > a > .vx,
.dropdown-submenu:hover > a > .vx,
.dropdown-submenu:focus > a > .vx,
.btn-primary .vx,
.btn-danger .vx,
.btn-warning .vx,
.btn-success .vx, .btn-success-old .vx,
.btn-info .vx,
.btn-inverse .vx {
  background-image: url("/Content/VitoxIconic/Images/vx_data_white.png?v=2");
}

.nav-pills > .active > a > .vx-large,
.nav-list > .active > a > .vx-large,
.navbar-inverse .nav > .active > a > .vx-large,
.dropdown-menu > li > a:hover > .vx-large,
.dropdown-menu > li > a:focus > .vx-large,
.dropdown-menu > .active > a > .vx-large,
.dropdown-submenu:hover > a > .vx-large,
.dropdown-submenu:focus > a > .vx-large,
.btn-primary .vx-large,
.btn-danger .vx-large,
.btn-warning .vx-large,
.btn-success .vx-large, .btn-success-old .vx-large,
.btn-info .vx-large,
.btn-inverse .vx-large {
	background-image: url("VitoxIconic/Images/vx_data_large_white.png?v=2");
}

/*.btn .vx {
  margin-top: 1px;
}

.btn-large .vx {
  margin-top: 4px;
}

.btn-small .vx {
  margin-top: 0;
}

.btn-mini .vx {
  margin-top: auto;
}*/


a.vx-square-unchecked:hover {
	background-position: 0 -168px; /* equivalent to pre-checked */
}
a.vx-square-unchecked.vx-large:hover {
	background-position: 0 -56px; /* equivalent to pre-checked */
}



.vx-muted {
	opacity:0.5;
}

.vx-hidden {
	background-position: 0 28px;
	opacity:0;
	width: 0;
}

.vx-trash {
	background-position: 0 0;
	margin-left: 1px;
}

.vx-pencil {
	background-position: 0 -14px;
}

.vx-comment {
	background-position: 0 -28px;
}

.vx-file {
	background-position: 0 -42px;
	margin-left: 1px;
}

.vx-mobile {
	background-position: 0 -56px;
}

.vx-phone {
	background-position: 0 -70px;
}

.vx-phone-desk {
	background-position: 0 -84px;
}

.vx-fax {
	background-position: 0 -98px;
}

.vx-search {
	background-position: 0 -112px;
	/*margin-top: 2px;*/
}

.vx-refresh {
	background-position: 0 -126px;
}

.vx-square-checked {
	background-position: 0 -140px;
}
.vx-square-checked.vx-large {
	background-position: 0 0;
}

.vx-square-unchecked {
	background-position: 0 -154px;
}
.vx-square-unchecked.vx-large {
	background-position: 0 -28px;
}

.vx-square-prechecked {
	background-position: 0 -168px;
}
.vx-square-prechecked.vx-large {
	background-position: 0 -56px;
}

.vx-circled-arrow-down {
	background-position: 0 -182px;
}
.vx-circled-arrow-down.vx-large {
	background-position: 0 -84px;
}

.vx-circled-arrow-up {
	background-position: 0 -196px;
}
.vx-circled-arrow-up.vx-large {
	background-position: 0 -112px;
}

.vx-check {
	background-position: 0 -210px;
}

.vx-remove {
	background-position: 0 -224px;
}

.vx-calendar {
	background-position: 0 -238px;
}

.vx-plus {
	background-position: 0 -252px;
}

.vx-circled-plus {
	background-position: 0 -266px;
}

.vx-user {
	background-position: 0 -280px;
}

.vx-add-user {
	background-position: 0 -294px;
}

.vx-remove-user {
	background-position: 0 -308px;
}

.vx-edit-user {
	background-position: 0 -322px;
}

.vx-lock {
	background-position: 0 -336px;
}

.vx-circled-arrow-right {
	background-position: 0 -350px;
}

.vx-circled-arrow-left {
	background-position: 0 -364px;
}

.vx-arrow-down {
	background-position: 0 -378px;
}

.vx-arrow-up {
	background-position: 0 -392px;
}

.vx-arrow-right {
	background-position: 0 -406px;
}

.vx-arrow-left {
	background-position: 0 -420px;
}

.vx-spin {
	background-position: 0 -434px;
}

.vx-envelope {
	background-position: 0 -448px;
}



.vx-spinning {
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
	-o-animation: spin 1s infinite linear;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@-o-keyframes spin { 100% { -o-transform: rotate(360deg); } }