/**
 * The default CSS stylesheet used for all templates.
 *
 * @package AutoIndex
 * @author Justin Hagstrom <JustinHagstrom@yahoo.com>
 * @version 1.0.2 (February 05, 2004)
 *
 * @copyright Copyright (C) 2002-2004 Justin Hagstrom
 * @license http://www.gnu.org/licenses/gpl.html GNU General Public License (GPL)
 *
 * @link http://autoindex.sourceforge.net
 */

/* Body */
/*  html { overflow-y: hidden !important; } */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
   { .mrecipes{ br {display:none;} }
	   hr {display:none;}
}
hr {
  border: none;
  height: 2px;
  /* Set the hr color */
  color: #333;  /* old IE */
  background-color: #333;  /* Modern Browsers */
}

span.blink_me, span.blink_me a {color: red !important;}
h3 {text-align: center;
	color: #f50 !important;
}

body::after {
	font-family: verdana, lucidia, sans-serif;
	font-size: 13px;
/* 	background-color: #F0F0F0; */
	background-image: url("../../../images/main/miracleb2.jpg");
	background-size:cover;
  	content: "";
  	opacity: 0.9;
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
  	z-index: -1;


	min-height: 100%;
	min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}
.autoindex_body, html
{
}

.table-responsive td, .table-responsive th { font-size: 16px;
				white-space:normal; //word wrapping for long recipe names
				word-wrap:break-word;

}

// Fixing width of first column of each row
            td:nth-child(1) {
                width: 40% !important;

            }

            td:nth-child(2) {
                width: 15%
            }
            td:nth-child(3) {
                width: 20% !important;
            }

.pnum {
	display:flex;
	justify-content: center;
	font-size: 18px;
	padding-left: 10px;
}
p.rpath{

}
.container {
/* 	width: 100vw; */
  /* elements inside won't be affected by scrollbars */
/*	 justify-content: space-around;*/
	/*position: relative;
	left: calc((100vw - 100%) / 2);*/
/* 	display: flex; */
/* 	grid-template-columns: auto auto ; */
	white-space: nowrap;

/* 	justify-content: center; */
/* 	overflow:hidden; */

}

p.pages {
	text-align: center;
	font-size: 18px;
}
p.inmemory {
	color: #f50;
	text-align: center;
}
.poweredby {
	padding-top: 90px;
	color: #f50;
}
.mybutt {

}
#myButton2 {
	border-radius: 4px;
	background-color: #008CBA;
	left: 58%;
	top: 50%;
	color: white;
	padding: 7px 10px;
	text-align: center;
/*	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;*/
}

/* Images */
.autoindex_body img
{
	border: none;
}

/* Tables */
.autoindex_table
{

	width: 100%;
	border: none;
	border-spacing: 2px;
	}
.light_row
{
	background-color: #F2F6FC;
	font-size: 13px;
}
.dark_row
{
	background-color: #DADEEE;
	font-size: 13px;
}
.autoindex_td
{
	font-size: 13px;
	font-family: verdana, lucidia, sans-serif;
	vertical-align: top;
	border: 1px solid #7F8FA9;
	padding: 0px;
	text-align: left;
	white-space: nowrap;

}
.autoindex_td_right
{
	font-size: 13px;
	font-family: verdana, lucidia, sans-serif;
	vertical-align: top;
	border: 1px solid #7F8FA9;
	padding: 0px;
	text-align: right;
	white-space: nowrap;

}
.autoindex_th
{
	font-size: 13px;
	background-color: #7F8FAD;
	border: 1px solid #000010;
	padding: 0px;
}

/* Links */
.plain_link
{
	color: #000000;
	text-decoration: none;
}
.autoindex_a:link
{
	color: #0000FF;
	text-decoration: none;
}
.autoindex_a:visited, .autoindex_a:active, .autoindex_a:hover
{
	color: #00008F;
	text-decoration: none;
}
.light_row:hover, .dark_row:hover
{
	background-color: #FFFFA8;
}

/* Buttons */
.button
{
	color: #707070;
	background-color: #F2F6FC;
	font-family: sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;
	border: none;
	padding: 3px 10px 3px 10px;
}

/* Misc. */
.paragraph
{
/* 	background: #F2F6FC; */
	font-size: 13px;
	color: #000020;
}
.autoindex_hr
{
	color: #000020;
	background-color: #000020;
	border: none;
	width: 75%;
	height: 1px;
}
.autoindex_small
{
	font-size: 10px;
}