.photo-preview {
	object-fit: cover;
	object-position: center;
}

.clock {
	animation-duration: 1000ms;
	animation-name: blink;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation: blink 1000ms infinite; /* Safari and Chrome */
}
@keyframes blink {
	from {
		color: #111;
	}
	to {
		color: #ccc;
	}
}
@-webkit-keyframes blink {
	from {
		color: #111;
	}
	to {
		color: #ccc;
	}
}

.nav-tabs-custom.tab-orange>.nav-tabs>li.active{border-top-color:#ff851b}

.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}

/* layout.css Style */
.upload-drop-zone {
	height: 200px;
	border-width: 2px;
	margin-bottom: 20px;
  }
  
  /* skin.css Style*/
  .upload-drop-zone {
	color: #ccc;
	border-style: dashed;
	border-color: #ccc;
	line-height: 200px;
	text-align: center
  }
  .upload-drop-zone.drop {
	color: #222;
	border-color: #222;
  }

  .shorten-description {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.box-placeholder2 {
  font-size: 0;
  line-height: 0;
    
  .text2 {
    display: inline-block;
    background-color: #444;
    height: 12px;
    border-radius: 100px;
    margin: 5px 0;
    min-width: 100px;
    opacity: .1;
    animation: fading 1.5s infinite;
    
    &:first-child {
      margin-top: 0;
    }
    
    &:last-child {
      margin-bottom: 0;
    }
    
    &.link2 {
      background-color: #337ab7;
      opacity: .4;
    }
    
    &.line2 {
      width: 100%;
    }
    
    &.category2 {
      width: 100px;
      margin-bottom: 10px;
    }
  }
  
  h4.text2 {
    height: 20px;
    margin: 3px 0;
    opacity: .2;
  }
  
  .image2 {
    background-color: #f9f9f9;
  }
}

@keyframes fading {
  0% {
    opacity: .1;
  }
  
  50% {
    opacity: .2;
  }
  
  100% {
    opacity: .1;
  }
}