/******************************************************************************************************************************************

	Company 		:  Fred J Bishop Enterprises
	File name 		:  Login.css
	Developed on	:  09-11-2021
	Owner			:  Fred J Bishop Enterprises
	Contact no		:  bishop.fredj@gmail.com

	Copyright (c) 2010 - 2019, Fred J Bishop Enterprises.
        
	All rights reserved.  This software is protected by the national and international copyright laws that pertain to computer software.
	You may not loan, sell, rent, lease, give, sub license, or otherwise transfer the software (or any copy).

	Disclaimer

	By using the script(s), you are agree and understand that the writers are not responsible for any damages caused under any conditions
	due to the malfunction or bugs from the script. Please use at your own risk.

*******************************************************************************************************************************************/


	#MyLogo {
		text-align: center;
	}

	.MyLogo {
		text-align: center;
		max-width: 175px ;
		width: 100% ;
	}

	.Authorcation-box {
		border-radius:10px;
		min-height:200px;
		box-shadow:0px 0px 10px #ccc;
		display:inline-block;
		width:100%;
		padding:15px 15px 15px 0;
		margin: 90px 0 0 0 ;
	}

	.Authorcation-back{
		background-size: auto auto;
		display: inline-block;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		border-radius: 10px 0px 0px 10px;
		background-size: cover;
		background-repeat:no-repeat
	}

	.Authorcation-Content {
		padding:20px 20px 20px 20px ;
	}

	.NM_page3 {
		font: bold 18px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-shadow: 1px 1px 1px #000;
		color: #FFFFFF;
		text-align: center;
		width:100% ;
		padding: 0 0 20px 0 ;
	}

	.Authorcation-OuterBox {
		color: rgba(0, 0, 0, 0.72);
		text-decoration: none;

		box-shadow:
			2px 2px 0.5em rgba(122, 98, 0, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #deca73;

		background:
		-moz-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-webkit-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-o-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		padding: 4px 4px 4px 4px ;
		margin: 0 0 0 0 ;
	}

	.Authorcation-InnerBox {
		display:inline-block;
		box-shadow:0px 0px 10px #ccc;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		width:100%;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3) );
		background:-moz-linear-gradient( center top, #ffffff 5%, #e3e3e3 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
		min-height:300px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}

	.myr-top{
		margin-top:15px;
	}

.form-group a{
	margin-top:10px;
}

/* Color Bar **************************************************************************************************************************** */

	.BlackBar {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
		background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
		background-color:#000000;
		height: 55px ;
		border-radius:0 10px 0 0 ;
	}

	.RedBar {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #CC0000) );
		background:-moz-linear-gradient( center top, #FF0000 5%, #CC0000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#CC0000');
		background-color:#FF0000;
		height: 55px ;
		border-radius:0 10px 0 0 ;
	}

	.Yellowbar {
		box-shadow:
			2px 2px 0.5em rgba(199, 169, 0, 0.55),
			inset 1px 1px 0 rgba(235, 206, 83, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DDDD00), color-stop(1, #d4af37) );
		background:-moz-linear-gradient( center top, #DDDD00 5%, #d4af37 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDD00', endColorstr='#d4af37');
		background-color:#FFFF00;
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-topleft:5px;
		border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-moz-border-radius-topright:5px;
		border-top-right-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		-moz-border-radius-bottomright:5px;
			border-bottom-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-moz-border-radius-bottomleft:5px;
		border-bottom-left-radius:5px;
		padding: 5px 0 5px 0 ;
	}


/* Buttons ****************************************************************************************************************************** */

.BlackButton {
	font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: 900 ;
	text-align: center;
	padding: 10px 0 10px 0 ;
	width:100% ;
	color: #EBCE53;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
	background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	background-color:#000000;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	cursor: pointer;
	width: 275px ;
}

.BlackButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #000000 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}


/* Background *************************************************************************************************************************** */

.BackgroundBox-OutlineGold {
	color: rgba(0, 0, 0, 0.72);
	text-decoration: none;
	width: 280px ;

	box-shadow:
		2px 2px 0.5em rgba(122, 98, 0, 0.55),
		inset 1px 1px 0 rgba(255, 255, 255, 0.9),
		inset -1px -1px 0 rgba(0, 0, 0, 0.34)
	;

	border: 1px solid #deca73;

	background:
	-moz-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-webkit-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-o-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 0 0 ;
}

.BackgroundBox-OutlineGold1 {
	color: rgba(0, 0, 0, 0.72);
	text-decoration: none;

	box-shadow:
		2px 2px 0.5em rgba(122, 98, 0, 0.55),
		inset 1px 1px 0 rgba(255, 255, 255, 0.9),
		inset -1px -1px 0 rgba(0, 0, 0, 0.34)
	;

	border: 1px solid #deca73;

	background:
	-moz-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-webkit-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	-o-linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);

	background:
	linear-gradient(
		-72deg,
			#ffde45,
			#ffffff 16%,
			#ffde45 21%,
			#ffffff 24%,
			#452100 27%,
			#ffde45 36%,
			#ffffff 45%,
			#ffffff 60%,
			#ffde45 72%,
			#ffffff 80%,
			#ffde45 84%,
			#452100
	);
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	padding: 2px 2px 2px 2px ;
	margin: 0 0 30px 0 ;
}


/* Smaller than mobile ************************************************************************************************************************** */

@media (min-width: 300px) AND (max-width: 576px) {

	.Authorcation-box{
		margin: 70px 0 0 0 ;
		padding:15px 15px 15px 15px;
	}

	.Authorcation-OuterBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-ottomleft:15px;
		border-ottom-left-radius:15px;
	}

	.Authorcation-InnerBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
	}

	.BlackBar {
		height: 50px ;
		border-radius:0 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 45px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.1em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 23px ;
		padding: 5px 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.0em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than mobile *************************************************************************************************************************** */

@media (min-width: 576px) AND (max-width: 768px) {

	.Authorcation-box{
		margin: 70px 0 0 0 ;
		padding:15px 15px 15px 15px;
	}

	.Authorcation-OuterBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
	}

	.Authorcation-InnerBox {
		-webkit-border-top-right-radius:0px;
		-moz-border-radius-topright:0px;
		border-top-right-radius:0px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
	}

	.BlackBar {
		border-radius:0 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 1.5em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 23px ;
		padding: 3px 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.0em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than phablet ************************************************************************************************************************** */

@media (min-width: 768px) AND (max-width: 992px) {

	.Authorcation-box{
		margin: 70px 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 1.5em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.4em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 23px ;
		padding: 3px 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than tablet *************************************************************************************************************************** */

@media (min-width: 992px) AND (max-width: 1200px) {

	.Authorcation-box{
		margin: 90px 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 1.8em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.6em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}

/* Larger than desktop ************************************************************************************************************************** */

@media (min-width: 1200px) AND (max-width: 1920px) {

	.Authorcation-box{
		margin: 90px 0 0 0 ;
	}

	.BlackBar1a {
		font: bold 2.0em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.RedBar1a {
		font: bold 1.6em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align: center;
		line-height: 50px ;
		padding: 0 10px 0 10px ;
		width:100% ;
	}

	.YellowBar1a {
		font: bold 1.3em/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: center;
		width:100% ;
		margin: 0 0 0 0 ;
		padding: 5px 5px 5px 5px ;
		color: #222222;
		text-shadow: 0px 4px 3px rgba(255,255,255,0.4),
					 0px 8px 13px rgba(255,222,69,0.1),
					 0px 18px 23px rgba(255,222,69,0.1);
	}

}