/*
 * 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
 */

/*
 * RMIT Theme designed and implemented by Patrick Mifsud
 */

/* === MOBILE === */
@media only screen and (max-width: 600px) {
    html, body {
        max-width: 330px;
        min-width: 315px;  
    	margin: 0 auto; 
    }
    
    html {
        height: unset;
    }
    
    #header{
        padding-top: 20px;
        height: 85px;
    }
    
    #header-username-group, #header-username {
         padding: 3px;
    }
    
    .login-wrapper #header{
        height: 50px;
    }
    
    #rmitfooter{
        padding-top: 10px;
    }
    
    .sign-in {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
    
    .inputfield {
        padding: 5px important;
        margin: 6px;
        margin-right: 5px;
        font-size: 14px;
        width: 250px !important;
    }

    .menubutton {
        display: block;
        text-align: center;
        padding: 15px;
        border-radius: 15px;
        text-decoration: none;
        color: white;
        width: 95px !important;
    }
    
    .btn {
        width: 260px !important;
        margin: 5px auto !important;
    }
  
    #centerbody {
        width: 300px !important;
        border: #E1E1E1 1px solid !important;
        padding: 5px !important;
    }
    
    #centerbody.tile-centerbody {
        width: 300px !important;
    }
    
    #header-page {
	    font-size: 18px;
    }
    
    #header-title {
        font-size: 12px;
    }
    
    #header-menu-wrapper {
        display: inline-flex;
        margin-top: 30px;
        padding: 5px;
    }
    
    #header-center-left {
        margin-left: 5%!important;
        margin-right: 5% !important;
    }
    
    .tile {
        width: 114px !important;
        margin: 5px;
    }
    
    .noborder {
        padding: 5px;
    }
    
    #wrapper .push {
        visibility: collapse;
    }
    
    #footer-content {
        width: 300px !important;
        padding: 10px 0px 0px 0px !important;
    }
    
    #footer p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 400px) {
    body {
        min-width: 260px;  
    	margin: 0 auto; 
    }
    
    #centerbody {
        width: 290px !important;
    }
    
    #centerbody.tile-centerbody {
        width: 290px !important;

    }
}