/*
 * Password Management Servlets (PWM)
 * http://www.pwm-project.org
 *
 * Copyright (c) 2006-2009 Novell, Inc.
 * Copyright (c) 2009-2017 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
 */
 
@font-face {
	font-family: "Museo300";
	src: url('fonts/Museo300-Regular.otf');
	font-weight: 300;
}

@font-face {
	font-family: "Museo500";
	src: url('fonts/Museo500-Regular.otf');
	font-weight: 500;
}

@font-face {
	font-family: "Museo700";
	src: url('fonts/Museo700-Regular.otf');
	font-weight: 700;
}

html, body {
    color: #3b3b3b;
    font-family: Museo300, Museo500, Museo700, Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #F5F4F5;
    margin-top: 5px;
}

html {
    height: unset;
}


#footer-content {
    width: 600px !important;
    background: #E1E1E1 !important;
    position: relative;
    color: #000054;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    clear: both;   
	padding: 20px !important;
    border-radius: 0px 0px 15px 15px;
    border: #E1E1E1 1px solid !important;
    margin: auto;
}

#rmitfooter {
    padding-top: 15px;
}


.sign-in, .noborder {
    margin-left: 10%;
    margin-right: 10%;
}

.inputfield {
    border: 1px solid #dae1e1 !important;
    padding: 5px important;
    margin: 6px;
    margin-right: 5px;
    font-size: 14px;
    height: 22px;
    width: 455px !important;
    max-width: 500px !important;
    border-radius: 15px !important;
    background: #F5F5F5 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AFAFAF !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AFAFAF !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #AFAFAF !important;
}


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

.icon-showhidepassword {
    padding-top: 5px;
    padding-left: 5px;
}

.menubutton {
    display: block;
    text-align: center;
    padding: 15px;
    border-radius: 15px;
    text-decoration: none;
    color: white;
    background: #898b8c;
    width: 200px !important;
    max-width: 230px !important;
    margin: 0 !important;
}

.menubutton:hover {
     background: #747576;
}

table {
     width: unset !important;
}

table id {
    padding: 10px 0px 0px 5px !important;
}

#centerbody {
    font-family: Museo500 !important;
    margin: 10px auto auto auto;
    background-color: white !important;
    border-radius: 15px 15px 0px 0px;
    width: 600px !important;
    border: #E1E1E1 1px solid !important;
    padding: 20px !important;
    text-align: center;
}

#centerbody.tile-centerbody {
    width: 600px !important;
}

.tile {
    width: 123.9px !important;
    height: 170px !important;
    background: #eef2f2 !important;
    border: 1px solid #eef2f2 !important;
    border-radius: 15px !important;
    padding: 8px;
}

.tile:hover {
    background: #e0e0e0 !important;
    border: 1px solid #505050 !important;
    cursor: pointer !important;
}

.btn {
    width: 230px !important;
    max-width: 500px !important;
    border-radius: 15px !important;
    background-color: #E60028 !important;
    color: white !important;
    padding: 10px 0px!important;
    font-weight: 600;
    border: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70869b', endColorstr='#273f59'); /* for IE */
    font-size: 14px;
}

.btn:hover {
    background-color: #c10021 !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8096ab', endColorstr='#374f69'); /* for IE */
}
 
.btn:disabled {
    color: #656565;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #50667b), color-stop(1, #172f49) );
    background:linear-gradient(to bottom, #50667b 5%, #172f49 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50667b', endColorstr='#172f49'); /* for IE */
}


#submitBtn {
    background-color: #62D8B6 !important;
}

#submitBtn:hover {
    background-color: #3e9a80 !important;
}

#button-cancel {
    background-color: #E60028 !important;
}

#button-cancel:hover {
    background-color: #af001e !important;
}

.buttonbar {
    margin-top: unset !important; 
    margin-bottom: 10px !important;
}

.noborder {
    border-top: .5px #eaeaea solid; 
}

#header {
    height: 67px;
    background-image: none;
}

#header-center-left {
	background: url("logo.png") no-repeat scroll center left rgba(0, 0, 0, 0) !important;
    float: left;
    max-width: 400px;
}

#header-page {
	margin-left: 120px;
	margin-right: auto;
	font-family: Museo700 ,Trebuchet MS, sans-serif;
	font-size: 28px;
	color: #000E47;
    border-left: 1px #C5C5C5 solid;
    padding-left: 15px;
    width: 100%;
}

#header-title {
	margin-left: 120px;
    margin-right: auto;
    font-family: Museo500, Trebuchet MS, sans-serif;
    font-size: 20px;
    color: #000E47;
    position: relative;
    border-left: 1px #C5C5C5 solid;
    padding-left: 15px;
}

#header-warning {
    background-color: #ebeca6;
}

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

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

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

.header-button {
    border-radius: 3px;
    background-color: unset;
    
}.header-button:hover {
     background-color: white;

#header-menu-wrapper {
    color: black;
    text-align: right;
}

#header-menu-alert {
    display: inline-block;
    height: 10px;
}

#header-menu-alert::before {
    color: #e50000;
    content: "\f071";
    font: 12px FontAwesome;
}

#header-username-group, #header-username {
    display: inline-block;
}

#header-menu-wrapper > #header-username {
    display: block;
}

#header-menu {
    cursor: pointer;
}

#header-menu:only-child {
  padding-top: 15px;
}

#header-username-caret {
    display: inline-block;
}

#header-menu-icon {
  display: inline-block;
}

#header-menu-icon::after {
  content: "\f141";
  font: 12px FontAwesome;
}

#HomeButton span.btn-icon, #LogoutButton span.btn-icon, #header-username-caret span.m-icon {
    font: 20px FontAwesome;
    margin-right: 0px;
}

#HomeButton span.btn-icon:before {
    content: "\f015";
}

#LogoutButton span.btn-icon:before {
    content: "\f08b";
}

#header-username-caret span.m-icon {
    content: "\f08b";
}

#panel-searchbar {
    margin-top: 5px;
}

#wrapper.login-wrapper #header-menu-alert {
    display: none;
}