.lyte__wormhole{
    position: absolute;
    left: 0;
    top: 0;
}
.bodyWrapper{
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.popoverWrapper{
	overflow: auto;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
}
.lytePopover{
	background-color: #fff;
    border: 1px solid #f7f7f7;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.4);
	position: absolute;
	z-index: 10001;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease;
    /*transition-duration: .8s;*/
    box-sizing: border-box;
}
.popoverWrapper.scrollable{
	overflow: hidden;
}
.popoverWrapper.scrollable .lytePopoverContent{
	overflow: auto;
}
.popoverWrapper.scrollable .lytePopover{
	max-height: 100%;
}

lyte-popover-header {
    display: block;
    /*padding: 15px 30px;*/
    font-size: 20px;
}
lyte-popover-content{
    display: block;
    box-sizing: border-box;
    /*padding: 15px 30px;*/
}
lyte-popover-footer{
    display: block;
    /*padding: 15px 30px;*/
}
lyte-popover-freeze{ 
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	right:0;
	bottom:0;
	z-index:10000;
	height:auto;
	background:#000; 
	display: block;
	opacity: 0;
    transition-property: opacity;
    transition-timing-function: ease;
    /*transition-duration:1s;*/
}
.lytePopoverClose{
	background: url(../images/lyte_ui_sprite.6ac550920e8d3792b5be0dc23b6e822c.svg) no-repeat -14px -1px;
	width: 12px;
	height: 11px;
	opacity: .5;
	cursor: pointer;
	position: absolute;
    right: 20px;
    top: 14px;
    z-index:10001;
}
.lytePopoverClose:hover {
    opacity: 1;
}

lyte-popover-header.draggable{
	cursor: move;
}
lyte-popover-footer.left{
	text-align: left;
}
lyte-popover-footer.center{
	text-align: center;
}
lyte-popover-footer.right{
	text-align: right;
}

lyte-popover-footer lyte-button{
    margin-left: 7px;
}
lyte-popover-footer lyte-button:first-child{
    margin-left: 0px;   
}

/* Positioning CSS Ends*/


/*Dropdown with arrow */
.lytePopoverArrowIcon {
    width: 0; 
    height: 0;
    border-bottom: 8px solid #fff;
    position: absolute;
}
/*Arrow Top*/
.lytePopoverArrowTop {
    top:0px;
}
.lytePopoverArrowTop:after, .lytePopoverArrowTop:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.lytePopoverArrowTop:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}
.lytePopoverArrowTop:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #ddd;
    border-width: 9px;
    margin-left: -9px;
}
/*Arrow bottom*/
.lytePopoverArrowBottom {
    bottom: -8px;
}
.lytePopoverArrowBottom:after, .lytePopoverArrowBottom:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.lytePopoverArrowBottom:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}
.lytePopoverArrowBottom:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ddd;
    border-width: 9px;
    margin-left: -9px;
}
/*Arrow Right*/
.lytePopoverArrowRight {
    right: 0;
}
.lytePopoverArrowRight:after, .lytePopoverArrowRight:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.lytePopoverArrowRight:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 8px;
    margin-top: -8px;
}
.lytePopoverArrowRight:before {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: #ddd;
    border-width: 9px;
    margin-top: -9px;
}
/*Arrow Left*/
.lytePopoverArrowLeft {
    left: 0;
}
.lytePopoverArrowLeft:after, .lytePopoverArrowLeft:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.lytePopoverArrowLeft:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 8px;
    margin-top: -8px;
}
.lytePopoverArrowLeft:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #ddd;
    border-width: 9px;
    margin-top: -9px;
}

.lyteStopBodyScrolling {
  height: 100%;
  overflow: hidden;
}

.lytePopover * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}