LDAPAccountManager/lam/style/responsive/120_lam.css

/*

  This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
  Copyright (C) 2017  Roland Gruber

  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 detaexils.

  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

*/

/** responsive styles */

.row {
	margin-top: 5px;
}

.row input {
	width: 100%;
}

.row textarea {
	width: 100%;
}

.row input[type="checkbox"] {
	width: auto;
}

.row input[type="radio"] {
	width: auto;
}

div.dialog-page {
	float: left;
}

div.lam-dialog-msg {
	margin: 10px;
}

/* mobile */
@media only screen and (max-width: 40.0625em) {

	.responsiveLabel {
		text-align: left;
	}

	.hide-on-mobile {
		display: none !important;
	}

}

/* tablet */
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {

	.responsiveLabel {
		text-align: right;
	}

	.responsiveField {
		text-align: left;
	}

	.hide-on-tablet {
		display: none !important;
	}

}

/* desktop */
@media only screen and (min-width: 64.0625em) {

	.responsiveLabel {
		text-align: right;
	}

	.responsiveField {
		text-align: left;
	}

	.hide-on-tablet {
		display: none !important;
	}

	.hide-on-desktop {
		display: none !important;
	}

}