/* Smartphones (portrait and landscape) ----------- */
@media only screen 
/*and (min-width : 320px)*/ 
and (max-device-width : 640px) {
/* Styles */
body {
	margin: 0;
}
.contenidor {
	margin-top: 0;
	width: 100%;
}
#capsal, #capsalUsuari, #principal, .peu {
	min-width: 0;
}
.module div, .loginBoto, .loginBlock, .loginTable, .imgLogo {
	width: 100%;
}
.title, input {
	font-size: 1.2em;
}
.loginBoto {
	font-size: 1.2em;
	height: 22px;
	width: 290px;
}
.error span {
	font-size: 0.8em;
}
.info span {
	font-size: 1em;
}
#capsal {
	height: 2.5em;
   	padding-top: 0.7em;
   	top: 0;
}
#capsal img {
	display: none;
}
#capsal .menu-btn-mobile,
#capsal .config-btn-mobile {
	display: inline;
}
#capsal .menu-btn-mobile img,
#capsal .config-btn-mobile img,
.tancar-panel-mobile {
	display: inline;
   	margin: 0.4em;
}
#capsal .config-btn-mobile img {
	max-width: 32px;
}
.config #entitats,
.config .content .button {
	display: block;
}
.config .extra {
	background-color: #FFFFFF;
}
.config {
	width: 100%;
	text-align: left;
	background-color: #002649 /*#E0ECF8*/;
	margin-top: 35px;
}
.config a {
	color: #F96302;
}
.config .title h1 {
	font-size: 1.5em;
	background: none;
	font: normal Tahoma;
	color: #D2E2F1;
	padding-left: 0.7em;
}

.tancar-panel-mobile img {
	max-width: 1em;
}
#capsal h1 {
	font-size: 1.3em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#capsal a {
	padding: 0;
	margin-top: 0;
}
.menu {
	margin: 0;
}
#entitat,
#entitats,
#capsalUsuari .config {
	display: none;
}
.text {
	font-size: 1em;
}
#capsalUsuari strong {
	font-size: 0.8em;
}
.ui-panel-inner,
.col_dreta_mob {
	background-color: #002649;
}
.menu .title h1,
.config .title h1,
.principal_link {
	text-align: center;
	padding-left: 0;
}
input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=url],
input[type=date],
input[type=password],
.select2-container {
	width: 95% !important;
	font-size: 1.2em;
    height: 1.4em;
}
.ui-datepicker .select2-container {
	width: auto !important;
}
.select2-container .select2-choice > .select2-chosen {
	overflow: hidden;
}
.select2-container {
	margin: 0 4px;
}
.select2-container .select2-choice {
	height: 1.6em !important;
	line-height: 1em !important;
}
.area span.label,
.organ span.label,
.unitat span.label {
	width: 3em;
}
span.label.right {
	text-align: left;
}
span.tab {
	margin-left: 0;
}
.rowInfo .content, .rowInfo .top, .rowInfo .bottom {
	margin: 0 2em -1.2em 0;
}
.rowInfo .content {
	margin: -1.3em 1.7em -1.3em -0.6em;
}
.rowInfo .boxcontrol {
	margin: 0 -1.2em 0 0;
	padding: 0;
}
p.introSubtitle {
	font-size: 1em;
	padding: 0.4em 1em;
}
.boxcontrol img {
	display: none;
}
.ui-dialog {
	padding: 0;
	/*z-index: 99999 !important;*/
	width: 95% !important;
}
.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0;
}
.ui-dialog .ui-loader {
	display: none;
}
fieldset {
	width: 100% !important;
}
.organigrama td span,
.organigrama .detall {
	height: auto;
    width: auto;
}
table.results td, 
table.results th {
	word-break: break-all;
}
.triennis,
.vacances .resum,
.vacances .calendari,
#detallsMarcatges .infoDia {
	display: block;
}
#detallsMarcatges .infoDia {
	width: 100%;
}
.filter {
	width: 100% !important;
}
.buttons a {
	margin: 0;
	display: block;
}
.titol_capsa {
	width: auto;
}
.capsa {
	background-color: #FFFFFF;
	width: auto;
	text-align: center;
}
.ui-panel.ui-panel-open {
    position:fixed;
}
.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.ui-datepicker {
	/*z-index: 99999 !important;*/
}
.fileupload-buttons a {
	display: block;
}
p.button {
	display: block;
	margin: 0;
}
.fc-day-header,
.fc-event-time, .fc-event-title {
	word-break: break-all;
}
.fc-header .fc-button,
.fc-header .select2-container {
	display: block;
}
.fc-header-right {
	-webkit-transform: scaleY(-1);
	direction: rtl;
}
.fc-header-right span.fc-button {
	-webkit-transform: scaleY(-1);
}
.fc .fc-button {
	border-radius: 5px;
	text-align: center;
}
.vacances .resum {
	width: 100%;
}
.selectSolVac form {
	float: none;
}
.authModules .module {
	height: 21em;
	width: auto;
}
.authModules .module:first-child {
	margin-left: 5px;
} 
.authModules .module:last-child {
	margin-right: 5px;
}
.select2-search-hidden { display: none; }
#avaluacionsLloc .ui-accordion-header {
	width: auto !important;
}
.input-simulation {
	width: 100%;
	padding: 0;
}
/* Per fer els botons més grans */
a img {
	width: 24px;
}
div.centered {
	margin: auto;
	width: auto;
}
.ajax-file-upload-statusbar {
	padding: 0 !important;
}
}