/*
 * Password Management Servlets (PWM)
 * http://code.google.com/p/pwm/
 *
 * Copyright (c) 2006-2009 Novell, Inc.
 * Copyright (c) 2009-2012 The PWM Project
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */


html, body {
	color: #0000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFFF;
}

.inputfield {
	border: 1px solid #949494;
	border-radius: 3px;
	
	padding: 3px 3px;
}

.changepasswordfield {
	margin: 5px;
	height: 18px;
	border: 1px solid #949494;
	border-radius: 3px;
	padding: 3px 3px;
}

.menubutton {
	color: black;
	font-size: 13px;
	text-decoration: none;
	/*	white-space: nowrap; */
}

.menubutton:hover {
	color: rgb(43, 156, 232);
}


.btn {
	background: linear-gradient(to bottom, #00427a, #00427a) repeat scroll 0 0 #ffffff;
	background-color: #00427a!important; /* For IE9 */
	border: medium none;
	border-radius: 11px;
	color: white;
	/* display: table-cell; */
	font: 12px arial,sans-serif;
	height: 22px;
	/* margin: 0; */
	margin-right: 5px;
	min-width: 150px;
	max-width: 270px;
	padding: 0 25px;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}.btn:hover {
	 background: linear-gradient(to bottom, #00427a, #00427a) repeat scroll 0 0 #ffffff;
	 background-color: #00427a; /* For IE9 */
 }

.btn > .btn-icon {
	background-color: #00427a;
	border-radius: 10px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 2px;
	width: 18px;
}.btn:hover > .btn-icon {
	 background-color: #00427a;
 }

.dialogBody.narrow .btn {
	max-width: 160px;
	min-width: 160px;
}

#header-warning span {
	display: inline-block;
}

.btn > .btn-icon::before {
	height: 18px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 3px;
	width: 18px;
}

/* Firefox-specific styles */
@-moz-document url-prefix() {
	.btn > .btn-icon::before {
		top: 2px;
	}
}

/* Webkit-specific styles (Chrome, Safari, Opera) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.foo {
		background-color: white;
	}
}

.btn-icon.fa-forward:before, .btn-icon.fa-edit:before {
	right: -1px;
}

.btn[type=submit] {
	background: linear-gradient(to bottom, #00427a, #00427a) repeat scroll 0 0 #ffffff;
	background-color:#00427a!important; /* For IE9 */
}.btn[type=submit]:hover {
	 background: none repeat scroll 0 0 #00427a!important;
 }

.btn[type=submit] > .btn-icon {
	background-color: #00427a!important;
}

.btn[type=submit][disabled] > .btn-icon {
	background-color: #00427a!important;
	color: #00427a!important;
}

.btn[type=submit][disabled] {
	background: none repeat scroll 0 0 #00427a!important;
	color: #00427a!important;
}

.dijitContentPane .btn {
	display: inline-block;
}

form#clearExistingForm .btn, form#clearExistingForm+.btn,
form#setupOtpSecret .btn, form#setupOtpSecret-skip .btn
{
	display: inline-block;
}


/* alignment for center body */
#centerbody {
	background: #FFFFFF;
	border-radius: 10px;
	margin-top: 70px;
	width:50vw!important;
	border-style: solid;
	border-width: 1px;
	padding-left:1rem;
}


/* Updated Header css */

#header {
	background: linear-gradient(to bottom, #00427a, #00427a) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-color: #00427a!important; /* For IE9 */
	height: 8rem;
}

#header-company-logo{
	background: url("./PIRSA-myPIRSA-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: 150px;
	width:15rem;
	height:6rem;
	position: absolute;
	top: 2rem;
	left: 2rem;
	position: left;
}

#header-right-logo {
	background: url("./PIRSA-lockup-RGB-rev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: 150px;
	width:15rem;
	height:8rem;
	position: absolute;
  	top: 0px;
  	right: 0px;
	position: left;
}

#wrapper.login-wrapper #header-company-logo {
	background: none no-repeat scroll 0 0 transparent;
	
}

#header-warning {
	background-color: #ebeca6;
	top:70px;
    border: none;
    box-shadow: 2px 2px 2px rgb(80, 83, 84);
}

.message-info {
	background-color: #f0f0f0;
	color: black;
	
}

.message-error {
	background-color: #f0f0f0;
	font-weight: bold;
	color: #FF0000;
}

.message-success {
	background-color: #8096ab;
}

#header-center-right {
    height: 67px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 25px;
    width: auto;
	display: none;
}


.header-button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #b8b8b8;
	padding: auto;
	margin: auto;
	display: inline-block;
    float: none;

}

.header-button:not(:first-child) {
    border-left: 1px solid #b8b8b8;
    padding-left: 10px;
}






.header-button:hover {
}

.fa-home, .fa-sign-out {
	display: none;
}

#header-center {
	height: 67px;
	left: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

#header-center-left {
	display: none;
}

#centerbody td.menubutton_key, #centerbody td.menubutton_key+td {
	padding: 15px;
	vertical-align: top;
}

#centerbody td.menubutton_key > p, #centerbody td.menubutton_key+td > p {
	margin: 0;
}

#wrapper {
	margin: 0 auto -45px;
}

/* Updated to use pure CSS for images */
#footer {	
	background: url("./PIRSA-logo-horizontal-RGB-rev.png") no-repeat 0 0;
	background-color: #00427a!important;
	background-size:300px;
	width:100%!important;
	height:8rem;
	position:absolute;
	bottom:0px;
	left:0rem;
	background-position: left 10px bottom 10px;
}

#footer, #footer-content > .infotext {
	color: #ffffff;
}

#footer-content {
	padding: 0;
	margin-top:25px;
	position: relative;
	vertical-align: middle;
	color: #ffffff!important;
}

/* End of footer changes */

#login label, #configLogin h1 {
	color: white;
}

#login .buttonbar {
	border-bottom: 1px solid rgb(80, 83, 84);
	height: 48px;
	position: relative;
	text-align: right;
}

#login .buttonbar #submitBtn {
	/* position: absolute; */
	right: 0;
}

#configLogin .buttonbar {
	margin-top: 10px;
	position: relative;
	text-align: right;
}

#configLogin .buttonbar .checkboxWrapper {
	background-color: transparent;
	color: white;
	left: 0;
	padding: 0;
	position: absolute;
}

.buttonbar button {
	display: inline-block;
}

#login button, #configLogin #submitBtn, #configLogin #button_cancel {
	width: 120px;
}

#configLogin .buttonbar .btn {
	margin-top: 40px;
}

#login .inputfield, #configLogin .inputfield {
	margin: 0;
	padding: 0 3px;
	width: 310px;
}

#login #password-eye-icon:before, #configLogin #password-eye-icon:before {
	color: white;
}

#login > h2, #configLogin > h1 {
	margin: 20px 0 4px;
}

#login .buttonbar:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid rgb(50, 56, 56);
	box-sizing: border-box;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
}

#login+br, #configLogin>br {
	display: none;
}

#wrapper.login-wrapper #header {
	background: none repeat scroll 0 0 transparent;
}

#wrapper.login-wrapper #centerbody {
	background: linear-gradient(to bottom, rgb(75, 80, 82), rgb(58, 62, 64)) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-color: #454a4c; /* for IE9 */
	display: block;
	left: 50%;
	margin-left: -185px;
	margin-top: -200px;
	min-width: 300px;
	padding-left: 20px;
	padding-right: 20px;
	position: fixed;
	top: 50%;
	width: 330px;
}

#wrapper.login-wrapper #centerbody .menubutton {
	color: rgb(43, 156, 232);
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding:0;
	min-width: 300px;
}

#wrapper.login-wrapper #centerbody .menubutton:hover {
	text-shadow: none;
}

#wrapper.login-wrapper #centerbody td.menubutton_key {
	padding: 0 0 15px 0;
}

#wrapper.login-wrapper #centerbody td.menubutton_key+td {
	display: none;
}

#wrapper.login-wrapper #centerbody > table {
	width: 100%;
}

#wrapper.login-wrapper #centerbody > p:first-child {
	border-bottom: 1px solid rgb(80, 83, 84);
	height: 85px;
}

#wrapper.login-wrapper #centerbody > p:first-child:before {
	border-bottom: 1px solid rgb(53, 56, 56);
	box-sizing: border-box;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
}

#wrapper.login-wrapper ~ #footer {
	background: none repeat scroll 0 0 transparent;
	color: black;
}

#wrapper.login-wrapper #centerbody #message_wrapper {
	bottom: -50px;
	left: 0;
	position: absolute;
	width: 398px;
}

#wrapper.login-wrapper #centerbody #message_wrapper #message {
	background-color: rgb(250, 255, 189);
	color: rgb(80, 83, 84);
	display: inherit;
	opacity: 1;
}

.panel-peoplesearch-person { background: #eef2f2; border-radius: 3px; }
.panel-orgChart-person { background: #eef2f2; border-radius: 3px; }

#button-openHeader {
	top: 75px;
    background-color: rgb(31, 31, 31);
    border-radius:50%;
}

.panel-login-display-message {
	visibility: hidden;
}

@supports (box-shadow: 0 0 2pt 2pt rgba(0, 0, 0, 0.75)) {
    button::-moz-focus-inner {
        border:0;
    }
    button:focus {
        outline: 0;
        box-shadow: 0 0 2pt 2pt rgba(0, 0, 0, 0.75);
    }
}

#footer-content{
	font-size:12px;
}

/* New custom code to render new style */

/* Hide text title*/
#centerbody h1 { 
	display: none; 
}

/* Added to remove inconsistency between views */
.btn{
	width: 40%;
	border-radius: 3px;
	padding: 10px 0;
	font-size: 16px;
	height: 36px;
}


.buttonbar p > a {
	font-size:14px;
}

/* Links on footer */
#localeSelectionMenu {
	color:#fff;
}

#localeSelectionMenu a{
	font-size:13px;
	color:#fff;
}

.inputfield{
	width:40rem!important;
	max-width:40rem!important;
	min-width:14rem!important;
}


#changePasswordForm {
	margin: 0 auto;
	text-align:center;
}

#centerbody p {
	margin: 0 auto;
	text-align:left;
	padding-left:2rem;
	padding-right:2rem;
}

#centerbody{
	margin-top:7vh!important;
}

#centerbody form {
	margin: 0 auto;
	padding-left:2rem;
	padding-right:2rem;
	display: block;
}


table tr td:first-child {
	width: 50px;
}


#changePasswordForm table tbody tr:first-child td div h2  {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:0rem;
}

#changePasswordForm table tbody tr:first-child td input  {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:1rem;
}


#changePasswordForm table tbody tr:first-child td div  {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:1rem;
}

#changePasswordForm table tbody tr:nth-child(2) td div  {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:1rem;
}

#changePasswordForm table tbody tr:nth-child(2) td h2  {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:1rem;
}

#changePasswordForm table tbody tr:nth-child(2) td input {
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-left:1rem;
}

.btn-icon{
	display:none;
}

/* @media only screen and (max-width: 798px){ */
	#changePasswordForm table tbody tr:first-child td div  {
		margin-top:1rem;
	}

@media only screen and (min-width: 1024px) and (max-width: 1436px){
	#changePasswordForm table tbody tr:nth-child(2) td:first-child div  {
		margin-top:1rem;
	}
}


#changePasswordForm table tbody tr:nth-child(2) td:first-child div  {
	margin-top:1rem;
}


#changePasswordForm table tbody tr:nth-child(2) td:first-child h2  {
	padding-bottom:10px;
}
padding-bottom: 10px;

@media only screen and (max-width: 587px){
	.inputfield{
		width:20rem!important;
		max-width:20rem!important;
		min-width:14rem!important;
	}

	#changePasswordForm table tbody tr td:nth-child(2) {
		display:none;
	}

	
	
	#password-guid-icon{
		padding-top:-10px;
	}
	
	#autogenerate-icon{
		padding-top:-10px;
	}

	#changePasswordForm table tbody tr td:nth-child(3) {
		display:inline-block;
		min-height:90px!important;
	}

	#changePasswordForm table tbody tr:first-child td div  {
		margin-top:1rem;
	}

	
	

	.pwm-form input{
		margin:0 auto!important;
		text-align:left;
	}

	#footer-content {
		padding: 0;
		margin-top:15px;
		position: relative;
		vertical-align: middle;
		color: #ffffff!important;
	}

	#centerbody {
		width: 90vw!important;
		min-width: 90vw!important;
		border-radius: 10px;
		margin-top:7vh!important;
		position:relative;
	}
}

@media only screen and (max-height: 850px){
	#footer {
		position:relative;
	}

	#centerbody {
		margin-bottom:22vh;
	}
}

@media only screen and (max-height: 850px) and (min-width:558px){
	#footer {
		bottom: 6.3rem;	
	}	
}

@media only screen and (max-height: 850px) and (max-width:1024px) {
	#footer {
		bottom: 3rem!important;	
	}	
}

@media only screen and (min-width: 100px) and (max-width: 1024px) {
	/* Altered completely for mobile views */
	#centerbody {
		width: 90vw!important;
		min-width: 90vw!important;
		border-radius: 10px;
		margin-top:7vh!important;
		position:relative;
	}
	
	

	#header-right-logo {
		background: url("./PIRSA-logo-stacked-RGB-rev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 90px!important;
		width:10rem!important;
		height:8rem!important;
		position: absolute;
		top: 0px;
		right: 2rem!important;
	}

	#localeSelectionMenu {
		white-space: initial;
		margin-top: -30px;
		line-height: 2em;
	}

	#footer {
		padding-top: 80px;
		background-position-y: 70px;
		background-color: #f5efe9;
		font-size: 16px;
		overflow-x: hidden;
	}

	#footer-content {
		/* width: calc(100% - 20px); */
		padding: 0 10px;
		top: -100px;
	}

	#centerbody p {
		margin: 0 auto;
		text-align:center;
		margin-top:1rem;
	}
	
	#header {
		background: linear-gradient(to bottom, #00427a, #00427a) repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-color: #00427a!important; /* For IE9 */
		height: 8rem;
	}
	
	#header-company-logo{
		background: url("./PIRSA-myPIRSA-white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		background-size: 150px;
		width:15rem;
		height:6rem;
		position: absolute;
		top: 2rem;
		left: 2rem;
		position: left;
	}

	#header-right-logo {
		right: 0rem!important;
	}

	
	#localeSelectionMenu {
		color:#fff;
	}
	
	#localeSelectionMenu a{
		font-size:12px;
		color:#fff;
	}

	
	
}