/**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * -----------------------------------------------------------------------------
 */


@CHARSET "UTF-8";

/* .page-bg {
    background-image: url('../../pics/bg/light_lines.png');
} */

/* preblock additional icons */
.preblock .left {
	width: 67%;
	text-align: left;
	valign: middle;
	display: inline-block;
	height: 44px;
}
.preblock .right {
	width: 32%;
	text-align: right;
	display: inline-block;
}

.preblock .left .icon-text {
	height: 44px;
	display: inline-block;
	vertical-align: sub;
}

/* Label */
@media screen and (min-width: 480px) {
	.custom-label {
		width: 60% !important;
	}
}

/* Hide Element in mobile View */
@media screen and (max-width: 640px) {
	.hide-mobile {
		display: none !important;
	}
}

@media screen and (min-width: 640px) {
	.hide-desktop {
		display: none !important;
	}
}

/* Rotate Text -90 degrees used in shutter-widget */
.rotate {
	display: block;
	white-space: nowrap;
	-moz-transform: rotate(-90.0deg);  /* FF3.5+ */
	-o-transform: rotate(-90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
	-ms-transform: rotate(-90deg); /* IE */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE */
	transform: rotate(-90deg);
}

/* Zisterne */
 #room0_terrasse-zisterne {
width: 160px;
} 

/* Overview */
.overview { 
	position: relative; 
	margin: auto;
}

/* Overview-Colums */
@media screen and (min-width: 320px) {
	.html .ui-block-a.overview {
		width:100% !important;
	}
	.html .ui-block-b {
		width:100% !important;
	}

}

@media screen and (min-width: 620px) {
   .html .ui-block-a.overview {
		width:70% !important;
   }
   .html .ui-block-b {
		width:30% !important;
   }

}


.nav-custom .ui-btn {
	padding-top: 40px !important;
}

.nav-custom .ui-btn:after {
	background-color: transparent;
	width: 30px !important;
	height: 30px !important;
	margin-left: -15px !important;
	background-size: 36px 36px;
}