/*
 * Chicken Farmers of Ontario - Portal
 * Written by Daisuke Ueda (A.K.A. New Media Inc.)
 * Stylesheet for Login Page.
 *============================================================================*
 * Change History                                                             *
 *----------------------------------------------------------------------------*
 * Name             | Date(Y/M/D) | Description                               *
 * -----------------|-------------|------------------------------------------ *
 * Daisuke Ueda     | 2015/02/04  | Initial creation.                         *
 * Luke Oribine     | 2015/09/17  | Adding style for links (<a>)              *
 * Luke Oribine     | 2016/03/05  | Fix login input misalignment              *
 * Luke Oribine     | 2016/03/15  | Resize the farm select dropdown           *
 * Luke Oribine     | 2016/07/21  | Style added for resouces button on admin  *
 * Luke Oribine	    | 2016/12/07  | Added style to quota holder farm select   *
 * Luke Oribine     | 2017/02/11  | IE message.                               *
 * Luke Oribine     | 2018/04/11  | Hide second login button                  *
 *============================================================================*
 */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic);

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}
 HTML5 display-role reset for older browsers 
article, aside, details, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Define main fonts */
body {
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
}
/*Display block added to line up input boxes in Chrome*/
input {
	font: 1em/1em 'Roboto Condensed',Arial,Helvetica,sans-serif;
	border:1px solid #e7e7e7;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -5px;
	display:block;
	vertical-align:baseline;
	padding:8px 6px;
	width:240px;
}
/* Input Placeholder */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a8a9ad;
	font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #a8a9ad;
   opacity:  1;
   font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #a8a9ad;
   opacity:  1;
   font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #a8a9ad;
   font-style:italic;
}
input[type=button],input[type=submit],button {
	color:#fff;
	font: bold 1em/1em 'Roboto Condensed', sans-serif;
	background:#d71a21;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:20px;
	padding:12px 50px;
	text-transform:uppercase;
}
/*Resize farm select dropdown*/
/*Luke*/
.loginInput{
	margin-top: -10px;
}
.sapUiTfBrd {
	width: 200px;
}
/*End Luke*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin:16px 0;
}
body.login {
	text-align:center;
	margin:0 auto;
	max-width:1256px;
	min-width:600px;
	overflow-y:scroll;
}
#login {
	text-align:center;
	margin:0 auto;
	max-width:1256px;
	min-width:600px;
	overflow-y:scroll;
}
@media only screen and (max-width:960px){
    body.login {
        overflow-y:scroll;
    }
}
body.login #logo {
	margin:90px 0 60px;
}
#logo {
	margin:90px 0 60px;
}
#bg-comb {
	position:absolute;
	z-index:-1;
	min-width:600px;
	margin:auto;
	top:115px;
}
body.login #bg-comb img{
	width:100%;
}
#bg-comb img{
	width:100%;
}
a{
    text-decoration: none;
    color: #555555;
}
/*#showPasswordCheckBox{
	display: inline;
	width: 30px;
}*/
/*Error page back to login button - Luke*/
.backToLoginButton{
	color:#fff;
	font: bold 1em/1em 'Roboto Condensed', sans-serif;
	background:#d71a21;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:20px;
	padding:12px 50px;
	text-transform:uppercase;
}

/*Luke - Add farmer-resouce button style for admin login*/
#btnMemberLogin {
	background:url(../images/btn-member-access-admin.png) no-repeat;
	width:368px;
	height:49px;
	text-indent:-9999px;
	cursor:pointer;
	border:0;
}

/*Luke - Quota holder farm select*/
#class\.FarmSelect--farmList{
	width: 500px !important;
	padding-top: 24px;
}

#__button0{
	margin-top: 25px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

#ieDiv{
	display: none;
}

#ieMessage{
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
}

#googleChromeLink{
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
}

#googleChrome{
	width: 200px;
	margin-bottom: 20px;
}

#modularLoadingButtonAdmin{
	width: 300px;
}

#submitButtonTwo{
	display: none;
}

/* Pop for successfully account creation */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #ffffff;
  margin: auto;
  border: 1px solid #888;
  width: 30%;
}

#modal-header{
	color: #666666;
    font-size: 18px;
    padding-top: 10px;
    font-weight: bold;
}

#modal-footer{
	background-color: #333333;
}

#okButton{
	margin: 10px;
}