.icon {
	font-family: 'campusnet-icons';
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

ul.icon-ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul.icon-ul li:before{
  font-family: 'campusnet-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  margin-right: 0.4em;
  vertical-align:middle;
}


/* makes the font 33% larger relative to the icon container */
.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.icon-2x {
  font-size: 2em;
}
.icon-3x {
  font-size: 3em;
}
.icon-4x {
  font-size: 4em;
}
.icon-5x {
  font-size: 5em;
}

.icon-8px {
  font-size: 8px;
}

.icon-10px {
  font-size: 10px;
}

.icon-12px {
  font-size: 12px;
}

.icon-14px {
  font-size: 14px;
}

.icon-16px {
  font-size: 16px;
}

.icon-20px {
  font-size: 20px;
}

.icon-24px {
  font-size: 24px;
}

.icon-28px {
  font-size: 28px;
}

.icon-32px {
  font-size: 32px;
}

.icon-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.icon-gray {
  color:#555555;
}

.icon-lightgray {
  color:#999999;
}
    
.icon-li.icon-lg {
  left: -1.8571428571428572em;
}
.icon-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #ccc;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.icon.pull-left {
  margin-right: .3em;
}
.icon.pull-right {
  margin-left: .3em;
}

.icon-button {
  font-size: 24px;
  margin: 4px;
  padding: 6px;
  border: 1px solid #888;
  border-radius: 3px;
  opacity: 0.7;
  color: #333;
}

.icon-button:hover {
  opacity: 1.0;
}

@keyframes anim-rotate {
	0%   {transform: rotate(0)}
	100% {transform: rotate(360deg)}
}

.icon-spin {
  animation: anim-rotate 1500ms infinite linear;
}

.icon-rotate-90 {
  transform: rotate(90deg);
}
.icon-rotate-180 {
  transform: rotate(180deg);
}
.icon-rotate-270 {
  transform: rotate(270deg);
}
.icon-flip-horizontal {
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  transform: scale(1, -1);
}
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stack-1x {
  line-height: inherit;
}
.icon-stack-2x {
  font-size: 2em;
}
.icon-inverse {
  color: #ffffff;
}
.icon-blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}

/* MY USEFUL DUPLICATES */

.icon-led-red:before,
.icon-led-green:before,
.icon-led-yellow:before,
.icon-led-off:before {
  content: "\e625";
  font-size:20px;
  vertical-align:middle;
  cursor:default;
}
.icon-led-red:before {color: #e85c52}
.icon-led-green:before {color: #5bdd3d}
.icon-led-yellow:before {color: #e5c751}
.icon-led-off:before {color: #b7b7b7}

.icon-record-icon {
	color: #666;
	cursor: pointer;
}

.icon-record-icon:hover {
	color: #333;
	border-color:#ccc;
}

.icon-required-field {
	color:#dd0000;
	font-size: 16px;
}

.icon-fieldtip {
	color:#999;
	font-size: 14px;
	margin-left: 4px;
	cursor: default;
}

.icon-fieldtip:hover {
	color:#888;
}


/* file type icons */

.icon-p7m:before {
  content: "\e057" !important;
  color: #0099ff;
  cursor:default;
}

.icon-xls:before,
.icon-xlsx:before {
  content: "\e377" !important;
  color: #008800;
  cursor:default;
}

.icon-txt:before,
.icon-csv:before {
  content: "\e052" !important;
  color: #000066;
  cursor:default;
}

.icon-htm:before,
.icon-html:before {
  content: "\e37a" !important;
  color: #003399;
  cursor:default;
}

.icon-pdf:before,
.icon-ps:before {
  content: "\e374" !important;
  color: #cc0000;
  cursor:default;
}

.icon-ppt:before,
.icon-pps:before,
.icon-pptx:before {
  content: "\e379" !important;
  color: #cc6600;
  cursor:default;
}

.icon-doc:before,
.icon-docx:before,
.icon-odf:before,
.icon-odp:before,
.icon-ods:before,
.icon-odt:before,
.icon-rtf:before,
.icon-tex:before {
  content: "\e376" !important;
  color: #003399;
  cursor:default;
}

.icon-gif:before,
.icon-png:before,
.icon-jpeg:before,
.icon-jpg:before,
.icon-tiff:before,
.icon-tif:before,
.icon-psd:before,
.icon-pxp:before {
  content: "\e621" !important;
  color: #9900cc;
  cursor:default;
}

.icon-7z:before,
.icon-Z:before,
.icon-arj:before,
.icon-bz2:before,
.icon-bzip2:before,
.icon-deb:before,
.icon-gz:before,
.icon-gzip:before,
.icon-iso:before,
.icon-lzh:before,
.icon-msi:before,
.icon-mdb:before,
.icon-zip:before,
.icon-rar:before,
.icon-rpm:before,
.icon-tar:before,
.icon-tgz:before,
.icon-cab:before,
.icon-cdr:before {
  content: "\e378" !important;
  color: #6600ff;
  cursor:default;
}


/* Input fields with icon */

.icon-text-field {
  position: absolute;
  left: 3px;
  top: calc(50% - 0.5em);
  color: #aaa;
  z-index:2;
}

.icon-textarea-field {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #aaa;
}

/* nice checkbox */
input[type=checkbox].nice,
input[type=radio].nice { display:none; }

input[type=checkbox].nice + label:before, 
input[type=radio].nice + label:before {
	display: inline-block;
	font-family: 'campusnet-icons';
	font-size:22px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color:#666;
}

input[type=checkbox].nice + label:not(:empty):before,
input[type=radio].nice + label:not(:empty):before {padding-right: 6px;}

input[type=checkbox].nice + label:before { content: "\e835"; } /* unchecked icon */
input[type=checkbox].nice:checked + label:before { content: "\e834"; } /* checked icon */
input[type=radio].nice + label:before { content: "\e836"; } /* unchecked icon */
input[type=radio].nice:checked + label:before { content: "\e837"; } /* checked icon */

input[type="checkbox"][disabled].nice + label:before,
input[type="radio"][disabled].nice  + label:before {
    color: #999;
}

span.toggle-all-boxes {
	cursor:default;
}

span.toggle-all-boxes i {
	font-size:22px;
	color: #9f62c9;
	margin:12px 4px 12px 2px;
}

/* Rating Stars */

input.star { display: none}

div.stars {
    display: inline-flex;
	flex-direction: row-reverse;
	flex-wrap: wrap-reverse;
	background-color:#fff;
	border:1px solid #999;
	box-sizing:border-box;
}

label.star {
	padding: 3px 4px 3px 4px;
	text-align:center;
	color: #fab400;
	filter: grayscale(100%);
	filter: brightness(0%);
	opacity: 0.6;
	box-sizing:border-box;
}

label.star:hover  {
	opacity: 0.8;
}

label.star span {
	display: block;
	color: #000;
	word-wrap: break-word;
	vertical-align:middle;
}

input.star:checked ~ label.star {
	filter: grayscale(0%) !important;
	opacity: 1;
}

label.star:before {
	content: '\e209'; 
	font-family: campusnet-icons;
	font-size: 20px;
	vertical-align:middle;
}

input.star:checked ~ label.star:before {
	content: '\e20b'; 
}