@media screen {

#pdf_iframe
{
	height:calc(100vh);
}
.arrow {
position: fixed;
top: 50%;
margin-top: -32px;
font-size: 64px;
color: #E2E2E2;
font-family: arial, sans-serif;
font-weight: bold;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-decoration: none;
}
.arrow:hover, .navlink:hover {
color: #777;
}


.arrow:active, .navlink:hover {
color: #000;
}
#prev {
left: 0;
}

#next {
right: 0;
}
	#the-canvas {
		/*border: 0.5em solid #666;*/
		/*width: 90%!important;*/
		/*width: 100%;*/
	}
	#the-other-side
	{
		right: 0;
	    position: fixed;
	    height: 100%;
	    overflow: scroll;
	}

.textLayer { 
   position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

.textLayer > div {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
}
	.month_label
	{
		background-color: #ccc;
		padding: 0.5em 0 0 0.5em;
		font-size: 120%;
		border-bottom: 2px solid #fff;
		font-weight: bold;
		text-transform: uppercase;
	}
	.year_label
	{
		font-size: 150%;
		padding: 1em 0 0 1em;
		background-color: #ddd;
		border-bottom: 2px solid #fff;
	}
	.weekly_stats_column
	{
		text-transform: uppercase;
		font-size: 80%;
	}
	.monthly_total
	{
		text-transform: uppercase;
		font-weight: bold;
	}
	.edit_correction i { color:#f66;  }
	.statlink,.edit_correction{cursor: pointer;}
	.statbook{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.splitLeft
	{
		border-right:3px solid #aaa;
	}
	td.source_link { font-size:75%; }
	#bookSplitPron__pronouncer_paginate, #table__pronouncer_paginate { overflow-x: scroll; }
	ul.pagination { display: inline-flex; }
	.bold { font-weight: 900; }
	.underline
	{
		border-bottom:2px solid #aaa;
	}
	tr.bg-info { background-color: #d9edf7!important; }
	tr.bg-warning { background-color: #fcf8e3!important; }
	.panel-body
	{
		/*background-image: url('/includes/images/pron/btl_logo_white.png');*/
		/*background-repeat: no-repeat;*/
		background-color: #fff;
		background-position: 10px 10px; 
		min-height: 120px;
	}
	.panel-no-bg
	{
		background-image: none!important;
	}
	.panel-body>p{
		/*padding:10px;*/
		/*background-color: #fff;*/
		/*border:1px solid #ccc;*/
	}
	.navbar-inverse .navbar-nav>li>a:hover
	{
		background-color: #fff;
		color:#000
	}
	.navbar-inverse 
	{
		background-color: #08b7c7;
		border-color: #169294;
	}
	.navbar-inverse .navbar-nav>li>a
	{
/*		color:#6decf7;*/
		color:#fff;
	}
	.panel-default>.panel-heading, .panel-default>.panel-footer
	{
		background-color:#f6ffcc
	}
	
	.btn-fa { padding:8px; background:#ffffff; margin-right:4px; }
	.icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;}
	strike:hover
	{
		text-decoration: none!important;
	}
	.caps, .long
	{
		text-transform: uppercase;
		font-size: 80%;
	}
	.caps
	{
		padding-bottom:-5px;
		border-radius:50%;
		box-shadow: 0px 2px 0 0 rgba(150,150,150,1);
	}

	.small_caps
	{
		-moz-font-feature-settings: 'c2sc';
		-webkit-font-feature-settings: 'c2sc';
		-o-font-feature-settings: 'c2sc';
		font-feature-settings: 'c2sc';
	}
	.long
	{
		font-size:70%;
		border-top:1px solid #000;
	}
	.superscript
	{
		vertical-align: super;
		font-size:70%;
		text-transform: uppercase;
	}

	.table-cheat_sheet td
	{
		text-align:center;
	}

	.table-cheat_sheet td.offset
	{
		background-color:#ccc;
	}
	.affixer
	{
		top:0;
	}
	td.datestamp{font-size:50%;}
	body
	{
		color:#000;
	}
	td
	{
		vertical-align: middle!important;
	}

	.btn-circle
	{
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 6px 0;
		font-size: 12px;
		line-height: 1.428571429;
		border-radius: 15px;
	}

	.correction_done
	{
		display: none !important;
	}

/* PurelyCSS Elegance Buttons - Colors / Hovers
-------------------------------------------------------------- */
.color_red,.hover_red:hover{background-color:#700;border-color:#700;opacity:1;}
.color_orange,.hover_orange:hover{background-color:#e98813;border-color:#e98813;opacity:1;}
.color_yellow,.hover_yellow:hover{background-color:#f7c808;border-color:#f7c808;opacity:1;}
.color_green,.hover_green:hover{background-color:#74941f;border-color:#74941f;opacity:1;}
.color_olive,.hover_olive:hover{background-color:#3a491a;border-color:#3a491a;opacity:1;}
.color_teal,.hover_teal:hover{background-color:#089;border-color:#089;opacity:1;}
.color_blue,.hover_blue:hover{background-color:#00437f;border-color:#00437f;opacity:1;}
.color_deepblue,.hover_deepblue:hover{background-color:#092334;border-color:#092334;opacity:1;}
.color_purple,.hover_purple:hover{background-color:#4b2c5a;border-color:#4b2c5a;opacity:1;}
.color_hotpink,.hover_hotpink:hover{background-color:#bc006e;border-color:#bc006e;opacity:1;}
.color_slategrey,.hover_slategrey:hover{background-color:#3b424a;border-color:#3b424a;opacity:1;}
.color_mauve,.hover_mauve:hover{background-color:#625b56;border-color:#625b56;opacity:1;}
.color_pearl,.hover_pearl:hover{background-color:#ab998f;border-color:#ab998f;opacity:1;}
.color_steelblue,.hover_steelblue:hover{background-color:#788794;border-color:#788794;opacity:1;}
.color_mossgreen,.hover_mossgreen:hover{background-color:#717a75;border-color:#717a75;opacity:1;}
.color_wheat,.hover_wheat:hover{background-color:#79745d;border-color:#79745d;opacity:1;}
.color_coffee,.hover_coffee:hover{background-color:#372e25;border-color:#372e25;opacity:1;}
.color_copper,.hover_copper:hover{background-color:#6b3c02;border-color:#6b3c02;opacity:1;}
.color_silver,.hover_silver:hover{background-color:#666;border-color:#666;opacity:1;}
.color_black,.hover_black:hover{background-color:#111;border-color:#111;opacity:1;}

table.tiny td { font-size: 75%; }
}

@media print {
	body{
		margin:0;
		padding:0;
	}
	.caps, .long
	{
		text-transform: uppercase;
		font-size: 80%;
	}
	.caps
	{
		padding-bottom:-5px;
		border-radius:50%;
		box-shadow: 0px 2px 0 0 rgba(150,150,150,1);
	}
	.long
	{
		font-size:70%;
		border-top:1px solid #000;
	}
	.superscript
	{
		vertical-align: super;
		font-size:70%;
		text-transform: uppercase;
	}

	/*input[type="search"]*/
	.dataTables_filter
	{
		display:none;
	}

	.g-signin2
	{
		display:none;
	}
	div.panel-body
	{
		padding:0;
	}
	table#table__pronouncer
	{
		padding:0;
		margin:0;
		width:100%!important;
	}
	/*#table__pronouncer td:nth-child(2),
	#table__pronouncer td:nth-child(3)
	{
		width:30%;
	}*/
	/*table#table__pronouncer td:nth-child(1),
	table#table__pronouncer td:nth-child(4)
	{
		width:5%
	}*/
}