/*!
 * Start Bootstrap - 4 Col Portfolio (https://startbootstrap.com/template-overviews/4-col-portfolio)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-4-col-portfolio/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
  font-size:10px;
}
/* .overlay{
	top:0;
	position: fixed;
	width:100%;
	height:100%;
	background-color:#cccccc;
	opacity:0.9;
	z-index:999;
	display:none;
}
.active{
	position: absolute;
    background-color: white;
} */
@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.portfolio-item {
  margin-bottom: 25px;
  /*height:250px;*/
}

.pagination {
  margin-bottom: 30px;
}

.img-container {
	height:100px;
	overflow: hidden;
	border:1px solid #ccc;
	box-shadow: 5px 5px 5px #ccc;
}
.card-img-top{
	/* height:30vh; */
	/* border:1px solid #ccc; */
	
	width: calc(100% - 5px);
}

.card{
	border:1px solid #eee;
	padding:5px;
	height:300px;
	overflow: hidden;
}
.card .card-body p{
	margin: 0 0 3px;
}
/* .card:hover{
	border:2px solid #eee;
	padding:5px;
	height:auto;
	overflow: hidden;
} */
/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=13j0u0kwi++bu++hX++++rd++kX */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-primary-0 { color: #02F4FF !important }	/* Main Primary color */
.color-primary-1 { color: #A4FBFF !important }
.color-primary-2 { color: #71F9FF !important }
.color-primary-3 { color: #007D83 !important }
.color-primary-4 { color: #006065 !important }

.bgcolor-primary-0,.bgcolor-primary-active { background-color: #02F4FF !important }	/* Main Primary color */
.bgcolor-primary-1,.bgcolor-primary-upcoming { background-color: #A4FBFF !important }
.bgcolor-primary-2,.bgcolor-primary-maintenance { background-color: #71F9FF !important }
.bgcolor-primary-3,.bgcolor-primary-stopped { background-color: #007D83 !important }
.bgcolor-primary-4,.bgcolor-primary-completed { background-color: #006065 !important }

.well.bgcolor-active { background-color: #efc69b !important }	/* Main Primary color */
.well.bgcolor-upcoming { background-color: #af1b3f !important }
.well.bgcolor-maintenance { background-color: #473144 !important }
.well.bgcolor-stopped { background-color: #ccb69b !important }
.well.bgcolor-completed { background-color: #df9b6d !important }
.well.color-upcoming,
.well.color-maintenance { color: #ccb69b !important }	/* Main Primary color */
.well.color-active,
.well.color-stopped,
.well.color-completed { color: #473144 !important }

/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */

.slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}
/* ----------------------------------------------
 * Generated by Animista on 2019-8-24 23:38:56
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}

 [draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit */
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	cursor:move;
  }