.bootstrap .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: white; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.bootstrap .popover.top { margin-top: -10px; }
.bootstrap .popover.right { margin-left: 10px; }
.bootstrap .popover.bottom { margin-top: 10px; }
.bootstrap .popover.left { margin-left: -10px; }
.bootstrap .popover-title { margin: 0; padding: 8px 14px; font-size: 12px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.bootstrap .popover-content { padding: 9px 14px; }
.bootstrap .popover .arrow, .bootstrap .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.bootstrap .popover .arrow { border-width: 11px; }
.bootstrap .popover .arrow:after { border-width: 10px; content: ""; }
.bootstrap .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.bootstrap .popover.top .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; }
.bootstrap .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.bootstrap .popover.right .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: white; }
.bootstrap .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.bootstrap .popover.bottom .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; }
.bootstrap .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.bootstrap .popover.left .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; }


#header, #footer,#nav-sidebar, .page-head,  #content > .panel {
	display: none;
}
body #main{
	background: #FFF;
	margin:0;
	padding: 0
}
.page-sidebar #content{
	margin-left: auto;
	padding: 0!important
}
.page-content > .panel{
	display: none;
}
 
html{
	width: 100%;
	height: 100%;
	overflow-y:visible!important;
}
body {
  background: #fff;
  color: #555;
  line-height: 20px;
  overflow: auto!important;
  height: 100%;
  width:100%;

}
iframe{
	border: 0;
	padding: 0;
	margin: 0;
}
body a{
	 text-decoration: none;
}
#menu-toolbars a.btn-action,#menu-toolbars  a.btn-action	 {
	color: #FFF
}
table td{
	  font-size: 12px;
}
.form-setting{
	display: none;
}

.form-setting input[type="text"]{
	width: 98%
}
.form-setting > .arrow{
	left: 60px!important;
}
.form-setting h3{
  cursor:hand;
  cursor:grab;
  cursor:-moz-grab;
  cursor:-webkit-grab;
}
.form-setting h3 span{
	cursor: hand;
	cursor:pointer;
}

.leo-widget{
	position: relative;
		padding: 16px 12px;
		margin: 1px 0;
		border: solid 1px #FCF2F2;
} 
.leo-widget:hover{
	border-color:#DFB5B4;
}
.leo-widget .w-setting{
	background: url(../../img/delete.png) no-repeat center center #DFB5B4;
	width: 30px;
	height: 30px;
	z-index: 10000;
	position: absolute;
	top: 0px;
	left:0px;
	display: none;
	cursor: hand;
	cursor:pointer;


}
.leo-widget:hover .w-setting{
	display: block;
}
.disable-menu .dropdown-menu, .disable-menu .caret{
	display: none!important;
}
 

#pav-megamenu-liveedit{
	position: relative;
}
 
.megamenu-wrap {
 	margin-top: 80px;
 }
.megamenu .menu-desc{
	display: none;
}

.megamenu li.mega-group > a .caret{
	display:none;
}
 
.megamenu ul{
	margin:0;
	padding:0
}
.megamenu ul li{
	list-style:none;
}

.megamenu  .menu-icon{
	padding-left: 30px;
}

 .dropdown-submenu > .dropdown-menu {
    border-radius: 0 6px 6px 6px;
    left: 100%;
    margin-left: -1px;
    margin-top: -6px;
    top: 0;
}
li.dropdown-submenu {
	position:relative;
}
 
.nav.megamenu > li:last-child {
}

li.parent > div { }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
}
.dropdown-submenu > a:after {

    margin-right: -10px;
    margin-top: -22px;
}

.megamenu .dropdown-menu{
	min-width: 250px;
} 
.dropdown-menu-inner .row{
	margin: 2px 3px; 
	min-height: 40px;
	
	padding: 5px 0px;
	border: solid 1px #FFF
 
}
.dropdown-menu-inner .row.active, .dropdown-menu-inner .row:hover{
	border: #F1E7BC solid 1px;
	background: #FEFBED;
}
.megamenu .mega-col > div{

	background: #F8F8F8;
	border: #F7F7F9 solid 1px;
	padding: 6px; 
}
.megamenu .mega-col.active > div, .megamenu .mega-col:hover > div  {
	border: solid 1px #D6E9C6; background: #DFF0D8
}	
.megamenu .mega-col.active > div .leo-widget{
 	border-color: #D6E9C6;
}


.megamenu .cols1{
min-width:200px;
}
.megamenu .cols2{
	min-width:500px;
}
.megamenu .cols3{
	min-width:740px;
}
 
.megamenu .mega-group  > a .menu-title {
    font-size: 110%;
    font-weight: bold;	
}

.aligned-center .dropdown-menu{
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.aligned-right .dropdown-menu{
    left: auto;
    right: 0;
}
.aligned-left .dropdown-menu{

}

.megamenu .aligned-fullwidth {
  position: inherit!important;
}

.aligned-fullwidth .dropdown-menu{
  width: 100%!important;
  left: 0;
}
#leo-progress .progress-bar{
    background-color:#00AFF0;
}

/****************DONGND:: BEGIN*************************/
.megamenu li.disablewidget
{
	background: #BCBCBC;
}

#megamenu-content.vertical
{
	margin: 0 auto;
    width: 26%;
}

#megamenu-content.vertical .megamenu>li
{
	width: 100%;
	border-top: 1px solid #ddd;
}

#megamenu-content.vertical.right .megamenu .dropdown-menu, #megamenu-content.vertical.auto .megamenu .dropdown-menu
{
	top:0;
	right:-88%;
	left: auto;
}

#megamenu-content.vertical.right .megamenu .dropdown-submenu>.dropdown-menu, #megamenu-content.vertical.auto .megamenu .dropdown-submenu>.dropdown-menu
{
	right:-125%;
}

#megamenu-content.vertical.left .megamenu .dropdown-menu
{
	top:0;
	left:-88%;
	right: auto;
}

#megamenu-content.vertical.left .megamenu .dropdown-submenu>.dropdown-menu
{
	left:-125%;
}
/****************DONGND:: END*************************/
.widget-video iframe
{
	width: 100%;
}

/*******************DONGND:: css for loading when preview in liveeditor BEGIN *********/

.cssload-container {
	width: 100%;
	height: 49px;
	text-align: center;
}

.cssload-speeding-wheel {
	width: 49px;
	height: 49px;
	margin: 0 auto;
	border: 3px solid rgb(0,0,0);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
		-o-animation: cssload-spin 575ms infinite linear;
		-ms-animation: cssload-spin 575ms infinite linear;
		-webkit-animation: cssload-spin 575ms infinite linear;
		-moz-animation: cssload-spin 575ms infinite linear;
}



@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

#page-content{
	min-height: 1200px;
	width: 100%;
	padding-bottom: 100px
}
/*******************DONGND:: css for loading when preview in liveeditor END *********/
 
