#dnn_ctr2712_List_dtlTables{
	display: flex;
  	flex-flow: row wrap;
}
.tablenames {
 	display: inline-block;
	text-align: center;
	font-size: 1.2em;
	border: solid 1px #ddd;
	background: #f8f9fb;
	margin: 10px;
	padding: 10px;
    width:200px
}
.tablenames a {
	display: block;
    text-align: center;
}
.tablenames img {
	display:inline-block;
    width: 100px;
    margin: 0 30px;
}

.tablenames:first-child{
    display: block;
    margin-bottom: 50px;
    background: #73add7;
}

.tablenames:first-child a{
    color: white;
}

.DnnModule-DGDataExplorer .panel-title
{
    text-transform: uppercase;
    color: #fff !important;
}
.DnnModule-DGDataExplorer .panel-title a
{
	font-size: 16px
}
.DnnModule-DGDataExplorer .panel-default>.panel-heading {
    background-color: #aaa !important;
}

.DnnModule-DGDataExplorer .panel-default>.panel-heading .panel-title a {
    color: #fff !important;
    font-weight: normal;
}

.DnnModule-DGDataExplorer h4.h4{
    color: #333 !important;
    font-weight: bold;
    border-bottom: 1px solid black;
}





/*      Modul Propietats          */

/* Loading animation */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 1;
    transition: opacity 0.5s ease-out 0s;
}
.overlay.cloak {opacity: 0; z-index: -1; }

.blurred {filter: blur(2px);}

.overlay .loader {
    position: absolute;
    margin: auto;
    left: 0;
    top: 50px;
    bottom: 0;
    right: 0;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    box-shadow: 10px 10px #4f4d49, -10px 10px #dfdfdf, -10px -10px #4f4d49, 10px -10px #dfdfdf;
    -webkit-animation: spin ease infinite 4s;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}



/* TODO: REMOVE */
#siteWrapper.homepage{background:#F5F5F5 !important;}

/****************/


/* SEARCH MODULE */
.fb-search{/*height:80vh; margin-top:20px;*/ background:#F5F5F5;}
.fb-search .fb-left{/*flex:25% 0 0; */position:relative; background:#FDFBFC; padding:15px; margin-top:3px; width:25%;}
.fb-search .fb-right{/*overflow:auto; overscroll-behavior: contain;*/ padding:45px 15px 15px 15px;}

/* Mobile: the filters column becomes a curtain that slides in from the left over the content.
   The JS only toggles .fb-open on .fb-left (a[data-open] adds it, a[data-close] removes it). */
@media (max-width: 995px)
{
	.fb-search .fb-left{position:fixed; top:0; bottom:0; left:0; z-index:1000; width:85%; max-width:360px; margin:0; padding:0;
		transform:translateX(-100%); visibility:hidden; transition:transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s, visibility 0s .35s;}
	.fb-search .fb-left.fb-open{transform:none; visibility:visible; box-shadow:0 0 25px rgba(0,0,0,.3); transition:transform .35s cubic-bezier(.4,0,.2,1), box-shadow .35s; padding:0;}
	.fb-search .fb-left > div{height:100%;}
	.fb-search .fb-left > div > div:not(.overlay){height:100%; overflow-y:auto; overscroll-behavior:contain; padding:20px 20px 30px;}
	/* so the MultiSelect's absolute trigger scrolls with the content */
	.fb-search .fb-left .p-multiselect{position:relative;}

	/* Filter button: a tab on the curtain's right edge, visible while closed and travelling with the curtain */
	.fb-search .fb-left a[data-open]{position:absolute; top:80px; left:100%; z-index:2; display:block; width:44px; height:44px; visibility:visible; cursor:pointer;
		background:#53999b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5h17l-6.5 7.5v6.5l-4 2v-8.5z'/%3E%3C/svg%3E") center / 22px no-repeat;
		border-radius:0 6px 6px 0; box-shadow:2px 2px 6px rgba(0,0,0,.2); -webkit-tap-highlight-color:transparent;}
	.fb-search .fb-left a[data-open] span{display:none;}
	/* While open, clicks on the button fall through to the backdrop below, which closes the curtain */
	.fb-search .fb-left.fb-open a[data-open]{pointer-events:none;}

	/* Backdrop: a[data-close]::after covers the page right of the curtain, so tapping outside closes it too */
	.fb-search .fb-filters .fb-head a[data-close]{opacity:1; -webkit-tap-highlight-color:transparent;}
	.fb-search .fb-filters .fb-head a[data-close] span{opacity:.5;}
	.fb-search .fb-filters .fb-head a[data-close]::after{content:""; position:absolute; top:0; left:100%; z-index:1; width:100vw; height:100%;
		background:rgba(0,0,0,.4); opacity:0; visibility:hidden; transition:opacity .35s, visibility 0s .35s;}
	.fb-search .fb-left.fb-open .fb-filters .fb-head a[data-close]::after{opacity:1; visibility:visible; transition:opacity .35s;}

	/* Lock the page scroll while the curtain is open */
	html:has(.fb-search .fb-left.fb-open){overflow:hidden;}

	.fb-right .fb-search {width:100%;}
}

@media (max-width: 995px) and (hover: hover)
{
	.fb-search .fb-left a[data-open]:hover{opacity:.8;}
}

@media (max-width: 995px) and (prefers-reduced-motion: reduce)
{
	.fb-search .fb-left, .fb-search .fb-left.fb-open,
	.fb-search .fb-filters .fb-head a[data-close]::after, .fb-search .fb-left.fb-open .fb-filters .fb-head a[data-close]::after{transition:none;}
}

@media (min-width: 996px)
{
	.fb-search .fb-left a[data-open]{display:none;}
	.fb-search .fb-filters .fb-head a[data-close]{display:none;}
}


/* filters */
.fb-filters {/*position:fixed; width:25%;*/ font-size:.9rem;}
.fb-filters .fb-head h4{text-transform:uppercase; opacity:.5; font-size:1.1em;}
.fb-filters .fb-head a[data-close]{color:#53999b; opacity:.5; }
.fb-filters hr{border: solid 1.5px #53999b !important; margin:inherit;}
.fb-filters span.fb-title{color:#53999b; font-size: 1em; font-weight: 500; text-transform: uppercase;}
.fb-filters span{color:#777; font-size: .9em;}
.fb-filters.fb-closed{display:none;}

/* Result list */
.fb-search-list{max-width:90vw; /*background:#F5F5F5; */}
.fb-search-list .fb-water{position:absolute; top:150px; right:0; font-size:.7rem;
	background:#53999b; color:#fff; text-transform:lowercase; padding:2px 5px; line-height:1; opacity:.6;}


/* Result list item */
.fb-search-item{height:200px; cursor:pointer; overflow:hidden; background:#fff;}
.fb-search-item:hover {transition: .2s; transform: scale(1.03); /*border: 1px solid #ccc; opacity:.8;*/}
.fb-search-item .img-cont{overflow:hidden; height:100%; width:267px; position:relative; background:#000;}
.fb-search-item .img-cont img{/* max-width:inherit !important; min-width:200px; width:100%;*/  }
.fb-search-item .img-cont .fb-compra{font-size:.8rem; position:absolute; top:18px; right:0; background:#53999b; color:#fff; text-transform:uppercase; padding:0 15px;}
.fb-search-item .img-cont .fb-marker{display:none; position:absolute; bottom:15px; right: 20px; color:#fff; opacity:.7; font-size:1.5rem;}
.fb-search-item .fb-content{background:#fff; padding:15px; position:relative; overflow:hidden; height:100%;}
.fb-search-item .fb-content .fb-more{position:absolute; top:160px; right:0; background:#53999b; color:#fff; text-transform:lowercase; padding:0 45px 0 10px; font-size:.8rem;}

img[data-format='h']{max-width:100% !important;}
img[data-format='v']{max-height:100% !important;}
img[data-format='s']{height:100% !important;}

/*
@media (max-width: 555px)
{
	.fb-search-list{max-width:95vw;}
	.fb-search-list .fb-search-item{height:inherit;}
}
*/

@media (max-width: 330px)
{
	.fb-search-list{max-width:80vw;}
}

@media (max-width: 500px)
{
	.fb-search-item {width:100%; flex-wrap:wrap; height:inherit;}
	.fb-search-item .img-cont{ width:100% !important; /* flex:125px 0 0 !important;*/}
	.fb-search-item .fb-content .fb-more{display:none;}
	.fb-search-item .fb-content h5{font-size:1rem;}
	.fb-search-item .fb-compra{font-size:.7rem; padding:0 5px !important; line-height:1.7;}
}

/* Property details */
.fb-prop{max-width:800px; color:#767676 !important; margin:0 auto; padding-top:30px;}
.fb-prop p{color:#767676 !important; /*#9E9EA0*/ margin:0;}
.fb-prop h2{font-weight:normal; color:#767676 !important; font-size:1.4rem;}
.fb-prop .fb-body{border-top:solid 1px #E0E0E0; margin-top:25px;}
.fb-prop .fb-chips {padding:40px 0 0 0;}
.fb-prop .fb-chips div{padding:10px 25px;}
.fb-prop .fb-chips div:not(:last-child){border-right:solid 1px #707980;}
.fb-prop .fb-desc{/*width:50%;*/}
.fb-prop .fb-desc dl{min-width:65%; border-bottom:solid 1px #E0E0E0; line-height:1.3; padding-bottom:2px;}
.fb-prop .fb-desc dt{font-weight:bold;}
.fb-prop .fb-desc img{width:200px;}

.fb-prop .fb-gallery {height:600px; width:100%;}
.fb-prop .fb-gallery div{height:100%;}
.fb-prop a.fb-contact{padding:7px 15px; background:#53999b; color: #fff; text-transform:uppercase;}
.fb-prop a.fb-contact:hover{transition: .2s; transform: scale(1.03); opacity:.8;}


@media (max-width: 500px)
{
	.fb-prop{padding-top:15px; height:100%;}
	.fb-prop h2{font-size:1.1rem;}
	.fb-prop .fb-desc dl{width:100%;}

	.fb-prop .fb-gallery {height:220px; }
	.fb-btn{font-size:.8em;}

	.fb-prop .fb-chips {padding:10px;}
	.fb-prop .fb-chips div{padding:5px 10px;}
	.fb-prop .fb-body{margin-top:0;}

	.fb-gallery .image-gallery .image-gallery-left-nav svg.image-gallery-svg{stroke-width: 1px !important;}
	.fb-gallery .image-gallery .image-gallery-right-nav svg.image-gallery-svg{stroke-width: 1px !important;}
}
@media (max-width: 767px){.fb-prop .fb-gallery {height:250px; }}

/* Image Gallery */
.fb-gallery div.image-gallery-slide{display: flex !important; flex-direction: row; justify-content: center; align-items: center;}
.fb-gallery div.image-gallery-slide.image-gallery-center{z-index:2;}
.fb-gallery .image-gallery{background:#333;}
.fb-gallery .image-gallery .image-gallery-left-nav svg.image-gallery-svg{stroke-width: .4px;}
.fb-gallery .image-gallery .image-gallery-right-nav svg.image-gallery-svg{stroke-width: .4px;}
@media(hover: hover) and (pointer: fine) {
	.fb-gallery .image-gallery .image-gallery-icon:hover svg.image-gallery-svg{stroke-width: .8px !important; color:#fff;}
}


/* Property Home */
.fb-home-list{overflow:hidden; max-width:1050px; margin:0 auto; margin-top:35px; font-size:1rem;}
.fb-home-list .fb-title{color:#53999b; font-size:1.3rem; margin-bottom:40px !important; overflow:hidden;}
.fb-home-list .fb-title .bb{margin-bottom:-20px; border-bottom: solid #53999b 1.5px; width:70px;}
.fb-home-list .fb-title span{white-space:nowrap !important; }

.fb-home-list a.fb-item{width:220px; overflow:hidden; border:solid 1px #d0d0d0; margin:0 35px 35px 0 !important; text-decoration:none;}
.fb-home-list a.fb-item:hover {transition: .2s; transform: scale(1.03); /*border: 1px solid #ccc; opacity:.8;*/}

.fb-home-list a.fb-item .img-cont{overflow:hidden; height:165px; position:relative; background:#000;}
.fb-home-list a.fb-item .img-cont img{ /*max-width:inherit !important; width:300px; min-width:200px;*/}
.fb-home-list a.fb-item .img-cont .fb-water{position:absolute; bottom:15px; right:0; font-size:.7rem;
	background:#53999b; color:#fff; text-transform:lowercase; padding:2px 5px; line-height:1; opacity:.6;}
.fb-home-list a.fb-item .fb-body{height:80px; background:#fff; color:#989C9B; padding:0 1rem; font-size:.9em; overflow:hidden; line-height:1.4;}
.fb-home-list a.fb-item .fb-block{background:#53999b; color:#fff; padding:0.5em 1em;}

@media (max-width: 600px) {
	.fb-home-list a.fb-item{width:85vw; height:inherit; margin:0 0 45px 0 !important;}
	.fb-home-list a.fb-item .img-cont{height: 200px;}
	.fb-home-list a.fb-item .img-cont img{/*width: 110% !important;*/}
	.fb-home-list a.fb-item .fb-body{font-size:1em;}
	.fb-home-list .fb-title{font-size:1.2rem; margin-bottom:30px !important;}
	.fb-home-list .fb-title .bb{margin-bottom:-12px; border-bottom: solid #53999b 2px; width:30px;}
}



/* Reservat overlay */
.fb-reservat{position:absolute; top:0; left:0; width:100%; height:100%; background:url('Content/img/reservat.png') center center / contain no-repeat; z-index:3; pointer-events:none;}
.fb-reservat-th{background-image:url('Content/img/reservat_th.png');}

/* Venut overlay */
.fb-venut{position:absolute; top:0; left:0; width:100%; height:100%; background:url('Content/img/venut.png') center center / contain no-repeat; z-index:3; pointer-events:none;}
.fb-venut-th{background-image:url('Content/img/venut_th.png');}

.fb-gallery{position:relative;}


/* GENERAL */
.no-wrap{white-space:nowrap;}
.fb-btn{border:1px solid #79716B !important; border-radius:2px; background:#FaFaFa !important; padding: 7px 10px !important; 
		color: #79716B !important;}
.fb-btn:hover{border-color:#000 !important; color:#000 !important; background:#fff !important;}
.fb-btn span{line-height:1 !important;}
a.fb-btn, a.fb-btn:hover{transition:none !important;}
.w-100{width:100%;}
.mt-40{margin-top:40px;}
.ws-nowrap{white-space:nowrap;}
.fb-text-light{font-size:.8rem; color:#777; text-transform:uppercase;}
.fb-text-light span{line-height:1;}
.flex-1-0-50{flex: 1 0 50%;}

/* PrimeReact MultiSelect */
.p-component{font-size:.9rem;}
.p-multiselect{padding: 7px 0 7px 7px !important;}
.p-multiselect-token{margin:0 3px 3px 0; border-radius:6px !important; padding:3px 7px;}
.p-checkbox-box{border:solid 1px #ccc !important; }
.p-multiselect-item span{display:inline-block; margin-left:5px; margin-bottom:4px;}
.p-multiselect-panel.p-component{margin-top:10px !important;}
ul.p-multiselect-items {list-style:none !important;}
ul.p-multiselect-items>li{list-style:none !important; padding:2px 7px 0 7px; margin-bottom:3px;}
ul.p-dropdown-items{padding:0;}
ul.p-dropdown-items li{padding:5px 10px;}
.p-multiselect-empty-message{font-size:.9em; font-style:italic;}
.p-multiselect-label {display:flex; flex-direction: row; flex-wrap:wrap;}
.p-multiselect:not(.p-disabled).p-focus {box-shadow: 0 0 0 0.1rem #d0d0d0;}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {color:#333; background: #e5e5e5;}
.p-multiselect-trigger{position:absolute; right:0;}
.p-checkbox.p-component.p-highlight div.p-checkbox-box{background: #c5c5c5;}

.p-dropdown{padding:0 3px;}
.p-dropdown-items .p-dropdown{}
.p-dropdown-panel .p-dropdown-items li{outline:none !important;}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {background:#e5e5e5 !important;}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {color: #777; background:#e5e5e5 !important;}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {color:#333 !important;}
.p-dropdown:not(.p-disabled).p-focus {outline: 0 none;outline-offset: 0; box-shadow: 0 0 0 0.1rem #d0d0d0;}
div.p-dropdown .p-dropdown-trigger {width:inherit;}
.p-dropdown.p-component{display:flex; flex-direction:row; align-items:center;}
.p-dropdown.p-component .p-icon.p-dropdown-clear-icon {right:20px;}
.p-dropdown.p-component .p-icon.p-dropdown-trigger-icon {margin-top:-3px;}
.p-dropdown.p-component .p-icon{width:.7rem; height:.7rem;}


/* alerts */
.fb-alert{padding:10px; border-radius: 6px; border:solid 1px #c7c7c7; font-size:.8em;}
.fb-alert.fb-blue{background:#EDF4F5; color: #53999b; border-color:#86b7b9; }
@media (max-width: 995px) {
    .fb-search .fb-left {
        display: block;
    }
}
.fb-