/**
 * Estate backend stylesheet
 */

/* Edit estate */
.estate-edit textarea {
	margin-bottom: 15px;
}

.estate-edit input[type="checkbox"] {
	margin-top: 15px;
}

.estate-edit input[type="radio"] {
	margin-top: 13px;
}

.estate-edit input[type="number"] {
	padding-right: 0;
}

.estate-edit fieldset {	/* don't pad radios */
    padding: unset;
}

.estate-edit label {
	font-size: 15px;
}

.estate-edit label.section-label {
	margin-left: 30px;
    margin-top: 20px;
}

.estate-edit .input-group-addon:not(:first-child):not(:last-child) {
	padding: 3px;
}

.estate-edit .file-upload-warning {
	margin-top: 30px;
    color: red;
}

.estate-image-outer img {
	margin-bottom: 5px;
}

@media (min-width: 992px) {
	
	/* Nicer, larger image for the desktop */
	.estate-image-outer {
		position: absolute;
	    width: 100%;
	    margin-top: -150px;
	}

	.estate-image-outer img {
	    height: 140px;
	    float: right;
	    border: 1px solid #888;
	}
}

.estate-edit .form-spacer {
	margin-bottom: 20px;
}

.edit-price-col {
	padding-right: 4px;
}

.edit-rate-col {
	padding-left: 0;
}

.edit-rate-col input[type="text"]:disabled {
	color: #aaa;
}

.estate-editor-danger {
	color: #a66!important;
}

.price-input-hint {
	display: none;
}

/* Estate list */
#estate-table .glyphicon-eye-close:before {
	opacity: 0.5;
}

.estate-filterbar {
	padding: 5px;
	padding-bottom: 0;	/* as inner input-grup has margin bottom 5px, see comment below */
	font-size: 12px;
	margin-bottom: 4px;
	margin-left: -1px;
	border-radius: 0;
}

.estate-filterbar .input-group {
	margin-right: 4px;
	margin-bottom: 5px;	/* on medium screens second button group gets wrapped underneath first, needs space */
	float: left;
}

.estate-filterbar .input-group.right {
	float: right;
}

.estate-filterbar .input-group:first-child {
	width: 125px;
}

/*
.estate-filterbar .split-col-3 {
	width: 30%;
}

.estate-filterbar .split-col-7 {
	width: 70%;
}*/

/*.estate-filterbar .input-group-addon {
	padding: 5px 12px;
    vertical-align: bottom;
}*/

.estate-filterbar button.dropdown-toggle {
	width: 100%;
}

.estate-filterbar .dropdown-menu {
	width: 200px; /*100%;*/
}

.estate-filterbar .dropdown-menu a {
	font-size: 12px;
}

.estate-filterbar .dropdown-header {
    font-size: 11px;
    margin-top: 5px;
}
.estate-filterbar .dropdown-header:first-of-type {
	margin-top: 0;
}

.estate-filterbar .btn .caret {
	margin-left: 3px;
}

.estate-filterbar .row > div {	/* filter columns */
	padding: 5px;
}

.estate-filterbar .filterbar-right {
	float: right;
}

@media (max-width: 767px) {
	.estate-filterbar .btn-group {
		width: 100%;
	}
	.estate-filterbar .btn-group>.btn {
    	width: 100%;
    	margin: 2px 0 0 0 !important;
    	border-radius: 0!important;	/*2px !important;*/
	}
}

@media (min-width: 1200px) {
	.estate-filterbar .btn-danger {
		margin-right: -24px;
	}
}

@media (min-width: 1200px) { /* button doesnt fit nexto the filters with label */
	.estate-filterbar .btn-danger .hidden-sm {
		display: none;
	}
}
@media (min-width: 1300px) {
	.estate-filterbar .btn-danger {
		margin-right: -85px;
	}
	.estate-filterbar .btn-danger .hidden-sm {
		display: inline-block;
		margin-left: 5px;
	}
}

.estate-filterbar .dropdown-menu li.level2 {
	padding-left: 15px;	
}
.estate-filterbar .dropdown-menu li.level3 {
	padding-left: 30px;	
}

/* colorful filterbar css */
.estate-filterbar .btn,
.estate-filterbar .btn.active:hover {
	background-color: white;
	border-color: rgb(4, 43, 115, 0.90);
	color: rgb(4, 43, 115, 0.90);
	border-radius: 0!important;
	padding: 14px 23px 15px 23px;
}

.estate-filterbar .btn.active,
.estate-filterbar .btn:hover,
.estate-filterbar .input-group-addon {
	background-color: rgb(4, 43, 115, 0.90);
	color: white;
}

.estate-filterbar .input-group-addon {
	padding: 15px;
	border: 1px solid rgb(4, 43, 115, 0.90);
}

.estate-filterbar .open>.dropdown-toggle.btn-default {
	background-color: rgb(4, 43, 115, 0.90);
	border: 1px solid rgb(4, 43, 115, 0.90);
	color: white;
}

.estate-filterbar .dropdown-menu {
	border-radius: 0;
	border: 1px solid rgb(4, 43, 115, 0.90);
	color: rgb(4, 43, 115, 0.90);
}

.estate-filterbar .dropdown-menu li a {
	padding: 10px 20px;
}


.estate-filterbar .dropdown-menu li a:hover {
	background-color: rgb(4, 43, 115, 0.90);
	color: white;
}

.estate-filterbar .dropdown-menu li.level2,
.estate-filterbar .dropdown-menu li.level3 {
	padding-left: 0;
}

.estate-filterbar .dropdown-menu li.level2 a {
	padding-left: 30px;
}

.estate-filterbar .dropdown-menu li.level3 a {
	padding-left: 40px;
}

@media (max-width: 767px) {
	.estate-filterbar .input-group:first-child {
		width: 100%;
	}
	.estate-filterbar .input-group:first-child .input-group-btn {
		width: 85%;
	}
	.estate-filterbar .dropdown-menu {
		width: 100%
	}
	.estate-filterbar .input-group:nth-child(2) a.btn {
		width: 50%;
	}
	.estate-filterbar .input-group:nth-child(2) a.btn:first-child {
		border-right: 0;
	}
	.estate-filterbar .input-group:last-child a,
	.estate-filterbar .input-group:last-child a:hover {
		width: 30%;
		padding-left: 3%;
	}
	.estate-filterbar .input-group:last-child a:nth-child(1),
	.estate-filterbar .input-group:last-child a:nth-child(2) {
		width: 20%;
	}
	.estate-filterbar .input-group:last-child a:nth-child(5) {
		width: 100%;
	}
}
@media (max-width: 400px) {
	.estate-filterbar .input-group:last-child a,
	.estate-filterbar .input-group:last-child a:hover {
		width: 50% !important;
	}
}

/* Estate grid */
.estate-grid .estate-list-cell {
	display: block;
	height: 250px;
	background-color: #888;	/* fallback when no image */
	background-size: cover;	/* was 170%; */
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    overflow: hidden;
    -webkit-filter: grayscale(25%);
    -moz-filter: grayscale(25%);
    filter: grayscale(25%);
    transition: 0.3s all;
    
}



.first .estate-list-cell {
	height: 504px;
}

.first .estate-list-cell .estate-cell-bottom {
	height: 15%;
	padding-top: 21px;
}
.first .estate-list-cell .estate-cell-top {
	height: 85%;
}
.estate-grid .first .estate-location, .estate-grid .estate-county {
	font-size: 15px;
}
.estate-grid .first .estate-flag-row {
	font-size: 18px;
}

.estate-grid .estate-list-cell:hover {
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: 0.3s all;
	transform: scale(0.98); 
}

.estate-grid .estate-list-cell.estate-unpublished {
	opacity: 0.7;
}

.estate-grid .estate-list-cell.estate-unpublished:hover {
	opacity: 0.85;
}

.estate-grid .estate-list-cell .estate-unpublished-label {
	display: none;
	text-transform: uppercase;
}

.estate-grid .estate-list-cell.estate-unpublished .estate-unpublished-label {
	display: inline;
}

.estate-grid.row {	/* smaller gutters */
	margin-left: -2px;
	margin-right: -2px;
}

.estate-grid > div {	/* each columm */
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
}

.estate-grid .estate-link {
	display: block;
	font-size: 22px;
	font-weight: bold;
    line-height: 1.3;
    text-shadow: 0px 0px 4px #fff;
	color: #042b73; 
}

.estate-grid .estate-cell-top {
	display: block;
	height: 78%;
	width: 100%;
	padding: 10px 15px;
	transition: all 0.3s;
}

/*.estate-grid .estate-list-cell:hover .estate-cell-top {
	height: 70%;
	transition: all 0.3s;
}*/

.estate-grid .estate-cell-top-overlay {
	display: block;
    position: absolute;
    width: inherit;
    padding: inherit;
    padding-top: 0;
    pointer-events: none;
}

.estate-grid .estate-cell-buttons {
	width: 50px;
	float: right;
	opacity: 0.3;
	transition: all 0.3s;
	pointer-events: auto;
}

.estate-grid .estate-list-cell:hover .estate-cell-buttons {
	opacity: 1;
}

.estate-grid .estate-cell-buttons a {
	margin-bottom: 2px;
}

.estate-grid .estate-cell-buttons-top-left {
	pointer-events: auto;
    padding: 20px;
    margin-top: -20px;
    margin-left: -20px;
    display: block;
    position: absolute;
}

.estate-grid .estate-cell-buttons-top-left * {
	pointer-events: auto;
}

.estate-grid .estate-cell-buttons-top-left .btn-lg {
	font-size: 10px;
    padding: 4px 4px 2px 5px;
    margin-top: -27px;
    margin-left: 24px;
    display: block;
    border-radius: 2px;
    border: 0;
}

.estate-grid .estate-cell-buttons-top-left input[type=checkbox] {
	width: 21px;
	height: 21px;
}

.estate-grid .estate-cell-buttons-bottom-left .btn-lg {
	padding: 5px;
    font-size: 11px;
    margin-top: 7px;
}

.estate-grid .estate-cell-buttons-bottom-left .btn-lg .glyphicon {
	margin-right: 5px;
}

.estate-grid .estate-cell-buttons-bottom-left {
	position: absolute;
	top: 155px;
}

.estate-grid .cancel-selection,
.estate-grid .remove-selection {
	opacity: 0!important;
}

.estate-grid.mass-delete-checked .cancel-selection,
.estate-grid.mass-delete-checked .remove-selection {
	opacity: 1!important;
}

.estate-grid .to-delete {
	opacity: 0.7;
}

.estate-grid .estate-list-cell.estate-unpublished.to-delete {
	opacity: 0.5;
}

.estate-grid .estate-cell-bottom {
	color: #fff;
	display: block;
	height: 30%;
	width: 100%;
	padding: 11px 10px 10px 10px;
	background: rgb(4, 43, 115, 0.90);
	transition: all 0.3s;
}

.estate-grid .estate-cell-bottom-left {
	display: block;
	float: left;
	width: 60%;	
}

.estate-grid .estate-cell-bottom-right {
	display: block;
	float: right;
	width: 40%;
	text-align: right;	
}

.estate-grid .estate-location,
.estate-grid .estate-county  {
	display: block;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 13px;
    line-height: 32px;
}

.estate-grid .estate-county {
	font-weight: bold;
	font-size: 12px;
}

.estate-grid .estate-price {
	display: block;
	width: 100%;
	font-size: 25px;
    line-height: 25px;
}

.estate-grid span.estate-price-rate {
	font-size: 12px;
}

.estate-grid .estate-flag-row {
	display: block;
	font-size: 16px;
	line-height: 1.9;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
    color: red;
}

.estate-grid .estate-flag-row:nth-child(3) {
	margin-top: 13px;
}

/* Carousel */
#estate-carousel {
	margin-top: -50px;	/* #page padding - header height */
	margin-bottom: 4px;
	height: 700px;
	overflow: hidden;
}

#estate-carousel-none {
	height: 74px;	/* header height */
	width: 100%;
	display: block;
	background-color: #fff;
}

#estate-carousel .item {
	height: 1100px;	/* carousel height + paralax depth 400px */
    cursor: pointer;
}

#estate-carousel .carousel-inner {
	margin-top: -200px;	/* vertical centre, half of paralaxx depth */
}

.carousel-indicators li,
.carousel-indicators li.active {
	height: 15px;
	width: 1px;
	border: 2px solid #253590;
	border-radius: 0;
	margin: 0;
}

.carousel-indicators li.more-slides-indicator {
	height: 10px;
	position: relative;
	cursor: default;
}
.carousel-indicators li.more-slides-indicator:after {
	content: ' ';
	position: absolute;
	left: 6px;
    top: -2px;
	width: 1px;
	border: 2px solid #253590;
	border-radius: 0;
	margin: 0;
	height: 10px;
}

.carousel-indicators li.active {
	border-color: rgb(197, 22, 28);
}

.carousel .item {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    width: 100%;
}

#estate-carousel .estate-link {
	color: #fff;
	display: block;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	font-size: 30px;
	font-weight: bold;
	padding: 30px;
	padding-bottom: 0px;
}

#estate-carousel .estate-location {
	padding: 30px;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
}

/* estate details */
.estate-header {
	min-height: 300px;
	overflow: hidden;
	position: relative;
	/* used in edit */
	background-size: cover;
	background-position: center;
	overflow-x: hidden;
}

.header-3d-over  {
	pointer-events: none;
}
.header-3d-over a {
	pointer-events: all;
}


.estate-detail .estate-header,
.estate-detail .estate-header > .container {
	height: 100vh;
}

@media (max-width: 767px) {
	.estate-detail .estate-header,
	.estate-detail .estate-header > .container {
		height: 45vh;
	}
}

.estate-header .header-img,
.estate-header .header-3d,
.estate-header .header-yt {
	width: 100%;
	height: 100%;
	position: absolute;
}

.estate-header .header-img {
	background-size: cover;
	background-position: center;
	position: absolute;
	height: 120%;
	height: calc(100% + 400px); /* 300px is parallax depth */
}

.estate-header .header-3d {
/*	height: 90%;
	height: calc(100% - 75px);
*/	
}

.estate-header .header-yt {
	height: 100%;
}

@media (max-width:767px) {
	.estate-header .header-yt {
		margin-top: 50px;
	}
}

.estate-header .header-yt iframe {
	width: 100%!important;
	height: 100%!important;
}

/*.estate-header .header-3d-over a,
.estate-header .header-3d-over button {
	margin-top: 75px;
	pointer-events: auto;
}*/

.estate-header .container {
	margin-top: 75px;
}
.estate-header .container .row .col {
	margin: auto 10px;	/* fixes some screen sizes when inner stuff is way too close to edge */
}

.estate-header h1 {
	color: #042b73;
	text-shadow: 0px 0px 4px #fff;
	font-weight: bold;
}

h3 {
	font-size: 24px;
	color: rgb(37, 53, 144);
}

.estate-details {
	padding-top: 0;
}

.estate-recommendation {
	padding: 30px;
}

.section.estate-edit-attributes {
	background: #fff;
}

.section.estate-edit-features {
	background: #ddd;
}

.section.estate-edit-locality {
	background: #eee;
}

.section.estate-edit-recommendation {
	background: #ddd;
}

.section.estate-edit-desc {
	font-size: 18px;
}

.estate-map {
	position: relative;
	border-top: 2px solid rgb(197, 22, 28); /* idk but looks wicked to me */
}

.estate-map-locality {
	background: #333;
    color: #ddd;
    width: 280px;
    padding: 15px 20px;
    position: absolute;
    top: -25px;
    right: 15px;    
}

.manager_phone {
	background: rgb(197, 22, 28);;
    color: #eee;
    padding: 13px 33px;
    font-size: 34px;
    font-weight: bold;
	position: absolute;
    bottom: 150px;
    right: 35px;  
}

.manager_phone:hover {
	color: #fff;
}

.estate-exclusive-domain {
	background: #fff;
    color: #333;
    padding: 12px 33px;
    font-size: 22px;
    font-weight: bold;
	position: absolute;
    bottom: 200px;
    left: 10px;
}

/*.price {
	background: #333;
    color: #fff;
    padding: 22px 35px;
    font-size: 28px;
    font-weight: bold;
	position: absolute;
    top: -10px;
    right: 50px;  
}*/

.estate-main-attributes {
    color: rgb(197, 22, 28);
	font-size: 16px;
    font-weight: bold;
    margin: 10px auto;
    Xwidth: 230px;
}

.estate-main-attributes::after {
    content: ' ';
    display: block;
    clear:both;
}

.estate-main-attributes .attribute {
	float: none;
	width: 100%;
	margin: 5px 0px;
	Xtext-align: center;
}

.estate-main-attributes .attribute .fa,
.estate-main-attributes .attribute .glyphicon {
	Xdisplay: block;
	Xmargin: 0 auto;
	Xwidth: 40px;
	font-size: 120%;
}


.estate-condition-attributes {
	padding: 0 30px;
}

@media (max-width: 767px) {
	.estate-condition-attributes {
		padding: 30px;
	}
}

.estate-condition-attributes .row {
	background-color: #042b73;
	color: white;
	padding: 10px;
}

.estate-condition-attributes .row:first-child {
	padding-top: 30px;
}

.estate-condition-attributes .row:last-child {
	padding-bottom: 30px;
}

.estate-condition-attributes .attribute-name {
	font-weight: bold;
}

/*
.uuid {
	background: rgb(197, 22, 28);
    color: #eee;
    padding: 11px 15px;
    font-size: 16px;
	position: absolute;
    top: 78px;
    right: 50px;  
}*/


@media(max-width:1199px) {
	 .manager_phone {
	 	font-size: 20px;
	 	bottom: 100px;
	 	padding: 17px 22px;
	 } 
	 .estate-exclusive-domain {
	 	font-size: 16px;
	 }
}


/* homepage modules */
.section.exkluzivny-predaj .carousel .item {
	height: 400px;
}

@media (max-width:767px) {
	.section.exkluzivny-predaj .carousel .item {
		height: 280px; 
	}
}

.section.exkluzivny-predaj .estate-description {
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	margin: 20px 0;
}

.section.exkluzivny-predaj .exclusive-col {
	padding-bottom: 10px;
}

.section.exkluzivny-predaj h3 a {
	color: white;
}

.section.exkluzivny-predaj h3 a:hover {
	text-decoration: underline;
}

.section.aktualny-predaj,
.section.aktualne-predane {
	background-color: #eee;
}

.section.aktualne-predane {
	background-color: #fff;
}


.section.aktualny-predaj .mui-btn,
.section.aktualne-predane .mui-btn {
	margin: 30px 3px;
	max-width: 90vw;
	white-space: normal;
}

.home-estate-add.btn {
	float: left;
}

.section.aktualny-predaj .home-estate-add.btn {
	margin: 35px 0 0 25px;
}

.section.share .fa {
	font-size: 40px;
    padding: 30px;
    color: rgb(37, 53, 144);
}

.section.share .fa:hover {
    animation: bounce 1s infinite;
    transition-timing-function: cubic-bezier(0.68, -0.1, 0.265, 1.55);
}

.no-results {
	padding: 50px;
	text-align: center;
	margin: 0 auto;
}

h2.gallery {
	margin-top: 100px;
}

.estate-floating-btns {
	position: fixed;
    top: 100vh;
    margin-top: -61px;
    margin-left: 8px;
    z-index: 99;
    display: none;
}

.gallery .hidden-gallery-item {
	margin: 0;			/* display: none, width: 0; etc. breaks gallery */
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
}

.gallery .hidden-gallery-item.skip-preload {
	display: none;		/* changed to "block" by JS on document ready for faster loading */ 
}

.gallery.lazy-gallery .hidden-gallery-item {
	display: none!important;
}

.estate-edit-gallery {
	background: #042b73;
	color: #bbb;
}

.estate-gallery-show-gradient {
  height: 400px;
  width: 100%;
  display: block;
  position: absolute;
  margin-top: -480px;
  background-image: linear-gradient(transparent, #042b73);
  pointer-events: none;
}

.estate-gallery-show-gradient::after {
	content: " ";
	height: 80px;	/*50px;*/
  	width: 100%;
  	display: block;
  	position: absolute;
  	margin-top: 400px;
	background-color: #042b73;
}

.section.estate-edit-gallery .container {
	text-align: center;
}

.estate-title-box {
	background: #042157;
    margin-top: 120px;
    padding: 20px 30px;
    margin-right: -30px;
    margin-left: -30px;
	
}

.estate-title-box h3 {
	margin-top: -15px;
	min-height: 112px;
}

.estate-title-box > .label {
	position: relative;
	top: -44px;
}

.navbar-estate .nav>li {
	display: flex;
}