@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');

/*
Tipr 4.1
Copyright (c) 2019 Tipue
Tipr is released under the MIT License
http://www.tipue.com/tipr
*/

.tipr_content
{
     font: 12px 'Source Code Pro', monospace;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 1px;
     background-color: #fff;
     padding: 6px 13px 7px 13px;
     border-radius: 3px;
}
.tipr_container_below
{
     display: none;
     position: absolute;
     margin-top: 13px;
     z-index: 1000;
     box-shadow: 0 0 1px 1px #f9f9f9;
}
.tipr_container_above
{
     display: none;
     position: absolute;
     margin-top: -77px;
     z-index: 1000;
     box-shadow: 0 0 1px 1px #f9f9f9;
}
.tipr_point_above, .tipr_point_below 
{
     position: relative;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.tipr_point_above:after, .tipr_point_above:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
}
.tipr_point_above:after
{
	border-top-color: #fff;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.tipr_point_above:before 
{
	border-top-color: #ccc;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.tipr_point_below:after, .tipr_point_below:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.tipr_point_below:after
{
	border-bottom-color: #fff;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.tipr_point_below:before 
{
	border-bottom-color: #ccc;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}


/* Alt mode */


.tipr_content_alt
{
     font: 12px 'Source Code Pro', monospace;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 1px;
     background-color: #f1f1f1;
     padding: 6px 13px 7px 13px;
     border-radius: 3px;
}

.tipr_container_above_alt, .tipr_container_below_alt
{
     display: none;
     position: absolute;
     z-index: 1000;
}
.tipr_point_above_alt, .tipr_point_below_alt
{
     position: relative;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
}
.tipr_point_above_alt:after, .tipr_point_below_alt:after
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.tipr_point_above_alt:after
{
	top: 100%;
	border-top-color: #f1f1f1;
}
.tipr_point_below_alt:after
{
	bottom: 100%;
	border-bottom-color: #f1f1f1;
}