/* 
This CSS is to correct icon positioning for the SVG fonts. Note - this should not be added to style.css
*/

svg.icon {
  pointer-events: none;
  -ms-pointer-events: none;
}

.icon {
	vertical-align: -2px;
}

.navbar-brand .icon {
	vertical-align: -3px;
}

h1 > .icon, h2 > .icon {
	vertical-align: -5px;
}

.icon.fw {
	width: 1.28571429em;
}

.btn:not(.btn-xs) .icon {
	vertical-align: -2px;
}

.video-thumbnail.icon {
	font-size: 140px;
}

.icon.x5 {
  width: 70px;
  height: 70px;
}
.icon.x4 {
  width: 48px;
  height: 48px;
}
.icon.x3 {
  width: 36px;
  height: 36px;
}
.icon.x2 {
  width: 24px;
  height: 24px;
}
.icon.x1 {
  width: 12px;
  height: 12px;
}
.icon.listSize1 {
  height: 20px;
  width: 20px;
  position: relative;
  top: 3px;
}
.icon.form-control-feedback {
  color: #000;
  fill: #000;
  height: 24px;
  width: 24px;
  top: 29px;
  display: none;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon.icon-spin {
  animation-name: rotate; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.icon.icon-color-blue {
  color: #428bca;
  fill: #428bca;
}
.icon.icon-color-blue2 {
  color: #79B0DF;
  fill: #79B0DF;
}
.icon.icon-color-gray {
  color: gray;
  fill: gray;
}
.icon.icon-color-bronze {
  color: #8A4B08;
  fill: #8A4B08;
}
.icon.icon-color-silver {
  color: #BDBDBD;
  fill: #BDBDBD;
}
.icon.icon-color-gold {
  color: #FFBF00;
  fill: #FFBF00;
}

.btn.delete .icon-trash,
.btn.delete .icon-trash-o {
  height: 1.5em;
  width: 1.5em;
  margin: -2px -4px;
}


.ss-expand-message {
    float: right;
    cursor: pointer;
}
.ss-expand-message .up-icon,
.ss-expand-message.show-up-icon .up-icon,
.ss-expand-message.show-down-icon .down-icon {
    display: inline;
}
.ss-expand-message .down-icon,
.ss-expand-message.show-up-icon .down-icon,
.ss-expand-message.show-down-icon .up-icon {
    display: none;
}