/*
Popr 1.0
Copyright (c) 2015 Tipue
Popr is released under the MIT License
http://www.tipue.com/popr
*/


.popr
{
     cursor: pointer;   
  
}
.popr-wrapper.size-sm{
    width:140px;
}
.popr-wrapper.size-md {
    width:230px;
}
.popr-wrapper.size-nm {
    width: 300px;
    padding: 8px;
   
}
.responsive{
 
}
 @media(max-width: 400px) {
    
 }
.size-md  .popr-title{
    padding-top:0;
    margin-top:6px;
    font-size:22px;
    display:block;   
    text-align:center;
    
}
.popr a
{
     color: #333;
     text-decoration: none;
     border: 0;    
}
.popr-box
{
     display: none;
}
.popr_content
{
     background-color: #fff;
     padding: 7px 0;
     margin: 0;
}
.popr-item
{
     font: 300 14px/1.7 'Helvetica Neue', Helvetica, Arial, sans-serif;
     color: #333;
     padding: 4px 29px 5px 29px; 
}
.popr-item:hover
{
     color: #333;
     background-color: #dcdcdc;
}
.readingModeLink:focus
{
     color: #333;
     background-color: #f9f9f9;
}
.readingModeLink{
    display:block;
    width:100%;
    float:left;
    
}
.readingModeLink .popr-item{
    height:auto !important;
    min-height:36px;
    display:block;
    float:left;
    padding-left:6px;
    padding-right:6px;
    
}
.readingModeLink  i{
    position:absolute;
}
.readingModeLink span{
    display:inline !important;
    text-indent:36px;
  
}
.readingModeLink span:after{
    clear:both;
}
.readingModeLink:after{
    clear:both;
}

.popr_container_bottom
{
     display: none;
     position: absolute;
     margin-top: 10px;
     box-shadow: 2px 2px 5px #f9f9f9;
     z-index: 1000;
}
.popr_container_top
{
     display: none;
     position: absolute;
     box-shadow: 2px 2px 5px #f9f9f9;
     z-index: 1000;
}
.popr_point_top, .popr_point_bottom 
{
     position: relative;
	background: #fff;
	border: 1px solid #dcdcdc;
       
}
.popr_point_top:after, .popr_point_top:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_top:after
{
	border-top-color: #fff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.popr_point_top:before 
{
	border-top-color: #dcdcdc;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}
.popr_point_bottom:after, .popr_point_bottom:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.popr_point_bottom:after
{
	border-bottom-color: #fff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.h-right .popr_point_bottom:after{
    left:90%;
}

.h-left .popr_point_bottom:after{
    left:10%;
}