/**
 * Admin Styles for SP Google Maps
 * 
 * @package     SP Google Maps
 * @author      Kudratullah
 * @version     1.0.0
 * @since       SP Google Maps 1.0
 * @copyright   2017 SamePage Inc.
 * @license     GPL-2.0+ 
 */
.group-container{
	width: 100%; position:relative; display:block;
}
.box-group{
	margin: 10px auto;
	position: relative;
	display: block;
}
.box-label{
	width: 25%; position:relative;display:block;float:left;margin: 0 auto;
}
.box-field{
	width: 75%; position:relative;display:block;float:left;margin: 0 auto;
}
.spgm_settings code.description,
.box-field > code.description,
.box-field > code{
	position:relative;
	display:block;
	margin-top: 10px;
	float: left;
}
.spgm_settings code.description{
	margin-top: 6px;
}
.spgm_settings code.description.caution {
	background: #F5F5C5;
    background: rgba(255, 255, 0, 0.22);
    padding: 1px 5px;
    color: #DE0C0C;
    border: 1px solid yellow;
    font-weight: bold;
}
.map-preview{
	margin: 10px auto;
	width: 100%;
	float: left;
	position: relative;
	display:blokc;
}
.map-preview > p {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
#pano,
#map{
	width:80%;height:400px;Margin:0 auto;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}