/*
 * Password Management Servlets (PWM)
 * http://code.google.com/p/pwm/
 *
 * Copyright (c) 2006-2016 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
 */

body {
  overflow-x:hidden;
}

.login-wrapper a.menubutton {
	white-space: nowrap;
}

#centerbody {
  margin-top: 0;
	border-radius: 0;
}

#centerbody.tile-centerbody {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#wrapper.login-wrapper #centerbody {
	margin-left: 20px;
	min-width: 200px;
	width: auto;
}

#login .inputfield, #configLogin .inputfield {
	width: 185px;
}

.inputfield {
  width: 90%;
}

#header-company-logo {
	color: white;
	width: 200px;
	height: 37px;
	background-size: 200px;
  background-position-y: center;
}

#wrapper.login-wrapper #header-company-logo {
}

#header-title {
	position: absolute;
	top: 22px;
	left: 4px;
	letter-spacing: 0;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	max-width: 200px;
}

#centerbody {
  width: 95%;
  padding: 0px;
  margin-top: 1em;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

#centerbody.tile-centerbody {
  width: 100%;
  margin-top: 5%;
  padding: 0px;
}

.tile {
  padding: 0px;
  width: 162.5px;
  height: 162.5px;
}

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

#header-center-right {
  top: 5px !important;
  right: 10px !important;
}

#header-menu {
  display: inline !important;
}

#HomeButton {
  position: absolute;
  right: 40px;
  top: 20px
}

#LogoutButton {
  position: absolute;
  right: 10px;
  top: 20px;
}

#localeSelectionMenu {
  margin-left: -3em;
}

#header-warning .btn {
	background: none repeat scroll 0 0 transparent;
	color: #2D2D2D;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	min-width: initial;
	max-width: initial;
	cursor: pointer;
}

#header-warning  .btn > .fa {
	display: none;
}

#login #submitBtn, #configLogin #submitBtn, #configLogin #button-cancel {
	max-width: 90px;
	min-width: 90px;
}

#login #submitBtn .fa, #configLogin #submitBtn .fa, #configLogin #button-cancel .fa {
	display: none;
}

#peoplesearch-searchResultsGrid {
    bottom: 5px;
    height: auto;
    left: 5px;
    overflow: visible;
    position: absolute;
    right: 5px;
    top: 85px;
    cursor: pointer;
}

#peoplesearch-searchResultsGrid .dgrid-hider-toggle {
    top: -35px;
}

#changePasswordForm td {
    display: inline-block;
    width: auto !important;
}

#changePasswordForm #strengthLabel {
    padding-top: 0 !important;
}

#changePasswordForm td > div {
    padding-top: 0 !important;
}

.changepasswordfield {
    width: 280px;
}

#footer {
  /* margin-left: 0.75em; */
  margin-top: 0;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 340px) and (orientation: portrait){
  #centerbody {
    width: 95%;
    padding: 0px;
    margin-top: 1em;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }

  #centerbody.tile-centerbody {
    width: 100%;
    margin-top: 5%;
    padding: 0px;
  }

  .tile {
    padding-top: 20px;
    padding-bottom: -20px !important;
    width: 300px;
    height: 150px;
  }
}