/*!
 * 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)
 */
:root {
	--rosewater: #F8C0C8;
	--ivory: #EFE7D3;
	--lilac: #D3BBDD;
	--pewter: #ECE3F0;
	/* COLOR THEME */
	--lightPink: #FCB0B3;
	--powderBlue: #ACDDE7;
	--blueSapphire: #22577A;
	--buff: #EDD382;
	--steelPink: #B744B8;
	--rythm: #7E7F9A;
	--ebony: #5C573E;
	--deepTaupe: #7D6167;
}

.btn-light-pink {
	background-color: var(--lightPink) !important;
}
th.btn-light-pink, th.btn-powder-blue, th.btn-buff {
	color: #4c4c4c !important;
}

.btn-powder-blue {
	background-color: var(--powderBlue) !important;
}
.btn-blue-sapphire, .btn-blue-sapphire:hover {
	background-color: var(--blueSapphire) !important;
	color: #eee;
}
.btn-buff {
	background-color: var(--buff) !important;
}
.btn-steel-pink, .btn-steel-pink:hover {
	background-color: var(--steelPink) !important;
	color: #eee;
}
.btn-rythm, .btn-rythm:hover {
	background-color: var(--rythm) !important;
	color: #eee;
}
.btn-ebony , .btn-ebony:hover{
	background-color: var(--ebony) !important;
	color: #eee;
}
.btn-selected {
	border: 2px solid #000;
	/* border:1px solid var(--deepTaupe) !important; */
	/* border-top-left-radius: 10px !important; */
	/* border-top-right-radius: 10px !important; */
}
/* .btn:hover {
	filter: saturate(50%);
	border: 1px solid #4c4c4c !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
} */

body {
  padding-top: 54px;
  font-size:16px;
  /* background-image: url(../images/Sharp_MZ-80K_computer1.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; */
}
table.table th, table.table td {
	font-size:14px;
}
table.table > thead > tr > th {
	background-color: #4c4c4c;
	color: #eeeeee;
	text-align: center;
	text-transform: capitalize;
	vertical-align: middle;
}
table.table > tbody > tr > td.rosewater {
	background-color: var(--rosewater);
}
table.table > tbody > tr > td.ivory {
	background-color: var(--ivory);
}
table.table > thead > tr > th.pewter {
	background-color: var(--pewter);
	color: #4c4c4c;
}
table.table > tbody > tr > td.pewter {
	background-color: var(--pewter);
}
table.table > tbody > tr > td.lilac {
	background-color: var(--lilac);
}
.cursor-pointer {
	cursor: pointer;
}
#overlay{
	top:0;
	position: fixed;
	width:100%;
	height:100%;
	background-color:#cccccc;
	opacity:0.9;
	z-index:999;
}
#overlay-container {
	top: 45vh;
	left:40vw;
	position: relative;
}
.custom-loader {
	width:240px;
	height:40px;
	-webkit-mask:linear-gradient(90deg,#1b77b2 70%,#0000 0) left/20% 100%;
	background:
	 linear-gradient(#1b77b2 0 0) left/0% 100% no-repeat
	 #E4E4ED;
	animation:p4 2s infinite steps(6);
}
.error, .red {
	color: red;
}
@keyframes p4 {
	100% {background-size:120% 100%}
}


@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.portfolio-item {
  margin-bottom: 50px;
  /* height:350px; */
}

.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: 98%;
	/* width: calc(100% - 5px); */
	margin-left: 1%;
	margin-top: 1%;
}
.card{
	border:1px solid #eee;
	padding:5px;
	/* height:300px; */
	overflow: hidden;
}
.card .card-body {
	height: 140px;
}
.card .card-body p{
	margin: 0 0 3px;
}
.card .card-footer {
	/* border:1px solid orange; */
	padding-top:5px;
	height: 100px;
	text-align: center;
}
/* .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;
  }

.btn-flat {
	border-radius: 0;
}
.btn {
	margin-bottom: 10px;
}

.row.project-urls, .row.backoffice-urls {
	min-height: 40px;
}

[class*='btn-outline-'] {
	margin-bottom:5px;
	border: 1px solid #4c4c4c;
	background-color: white;
	color: black;
	padding: 7px 14px;
	font-size: 12px;
	cursor: pointer;
}
a{
	text-decoration: none !important;
}
/* default */
.btn-outline-default {
	background-color: #fff;
	color:#4c4c4c;
	border-color: #242424;
}
.btn-outline-default:hover {
	background-color: #4c4c4c;
	color:#fff;
	border-color: #242424;
}

/* success */
.btn-outline-success {
	background-color: #fff;
	color:#5cb85c;
	border-color: #4cae4c;
}
.btn-outline-success:hover {
	background-color: #5cb85c;
	color:#fff;
	border-color: #4cae4c;
}

/* info */
.btn-outline-info {
	background-color: #fff;
	color:#5bc0de;
	border-color: #46b8da;

}
.btn-outline-info:hover {
	background-color: #5bc0de;
	color:#fff;
	border-color: #46b8da;

}

/* warning */
.btn-outline-warning {
	background-color: #fff;
	color:#f0ad4e;
	border-color: #eea236;

}
.btn-outline-warning:hover {
	background-color: #f0ad4e;
	color:#fff;
	border-color: #eea236;

}

/* danger */
.btn-outline-danger {
	background-color: #fff;
	color:#d9534f;
	border-color: #d43f3a;

}
.btn-outline-danger:hover {
	background-color: #d9534f;
	color:#fff;
	border-color: #d43f3a;

}