/* 
 * Sar-At v12.0.0a8
 * Responsive css for Sar-At
 * Developerd by giorgiok23 (giorgio@accomazzi.it)
 * ----------------------------------------------- */


#saratHeader {
	padding-top: 15px;
	height: auto;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    box-sizing: border-box;
}

div#menu_container {
	display: block;
	margin: 15px 15px 0 15px;
	width: calc(100% - 30px);
	position: relative;
    box-sizing: border-box;
}
div#menu_container ul#pmenu {
	display: block;
	clear: both;
	float: left;
	width: 100%;
    box-sizing: border-box;
}
div#saratSpacer {
	padding: 15px!important;
}
#tabber.ui-tabs ul.ui-tabs-nav {
	border-radius: 8px 8px 0 0;
}



#saratSpacer .pagepreview {
	padding: 5px;
	display: block;
	height: auto;
	margin: 0;
	right: 22px;
	top: 229px;
	box-sizing: border-box;
	width: calc(100% - 890px);
}
.pagepreview__header {
	box-sizing: border-box;
	height: 35px;
	line-height: 25px;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 8px;
	position: relative;
	background: #ffffff /* url(images/ui-bg_inset-soft_30_ffffff_1x100.png) 50% 50% repeat-x */;
	border-radius: 8px 8px 0 0;
}
.pagepreview__header .btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 35px;
	width: 35px;
}
iframe#previewiframe {
	box-sizing: border-box;
	position: absolute;
	left: 5px;
	width: 196%;
	top: auto;
	bottom: auto;
	margin: 0;
	-webkit-transform: none;
	transform: none;
	box-shadow: none;
	background-color: #fff;
	border: 1px solid #ccc;
	resize: both;
	overflow: auto;
}
iframe#previewiframe {
    -ms-zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
}

@media screen and (max-width: 1024px)
{
#saratSpacer .pagepreview { display:none }
}