@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;600&display=swap');

* {
	font-family: 'Manrope', sans-serif;
	font-weight: 300;
}

body {
	font-family: 'Manrope', sans-serif;
	font-weight: 300;
}

p, span, em, div {
	font-family: 'Manrope', sans-serif;
	font-weight: 500;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Manrope', sans-serif;
	font-weight: 600;
}

.ux-portfolio-template-default h1 {
	font-size: 46px;
}

.ui-accordion .ui-accordion-content {
	border: none;
	padding: 0.5em!important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #000!important;
}

.ui-accordion .ui-accordion-content select {
	font-size: 13px
}

.ui-accordion .ui-accordion-header {
	background: #fff;
	color: #000;
	font-size: 14px!important;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")!important;
}

.project-details-content {
	margin-top: 38px;
}

.paginate {
	font-size: 14px;
}

.project-item {
	margin-bottom: 20px;
	min-height: 190px;
}

.project-item img {
	width: 240px;
	height: 120px;
	object-fit: cover;
}

table .project-item img {
  width: 100px;
  height: 48px;
  object-fit: cover;
}

.project-item h6 {
	line-height: 120%;
	font-size: 12px;
}

.btn-ver-projecto {
	background: #1a94d1;
	border-radius: 6px;
	padding: 5px 20px;
	color: #fff;
	width: 100%;
	display: block;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}

.proj-item-desc {
	font-size: 13px;
}

.w46 {
	width: 46%;
}

.grid-view {
	background: url(images/grid-icon.png) no-repeat;
	width: 18px;
	height: 18px;
	float: left;
	padding-right: 25px;
}

.list-view {
	background: url(images/list-icon.png) no-repeat;
	width: 18px;
	height: 18px;
	float: left;
}

.pi-thecat {
	font-size: 12px;
}

tr.project-item td:hover h6,
tr.project-item:hover h6 {
	color: #fff;
}

.list-view-table {
	margin-bottom: 30px;
}

.list-view-table th {
	font-size: 14px;
}

.search-container {
	padding: 0 20px;
}

.filter-icons {
	padding: 0 20px;
}

#data-search-results {
	margin-top: 20px;
}

#clear-fields {
	background: #E54666;
	color: #fff;
	border: none;
}

#filter-portfolio {
	background: #1A94D1;
	color: #fff;
	border: none;
}

.filter-actions {
	margin-top: 30px;
}

.f-ajax-loader {
	display: none;
	position: relative;
	height: 8px;
	width: 70px;
	right: -22px;
	top: 15px;
	background-image: linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0);
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-position: 0 0, 18px 0, 36px 0, 54px 0;
	animation: pgfill 2s linear infinite;
}
  
@keyframes pgfill {
    0% {   background-image: linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); }
    25% {   background-image: linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); }
    50% {   background-image: linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); }
    75% {   background-image: linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FFF 20px, transparent 0); }
    100% {   background-image: linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FF3D00 20px, transparent 0), linear-gradient(#FF3D00 20px, transparent 0); }
}