/*
 * AirSupervision - Flight School ATO intranet
 * Author: Olivier Vuvant
 * Contributors:
 *
 * Copyright (c) 2012 : Olivier Vuvant ovuvant@airrichelieu.com
 *
 *    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 3 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, see <https://www.gnu.org/licenses/>.
 */


#bodymain {
    margin: 0;
    font-family: sans-serif;
    font-size:1em;
}

#mainscreen
{
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    min-height: 100dvh;
    background: url(../img/mobilebg.png) right bottom no-repeat;
    background-size: auto;
    background-size: 250px;
    background-color: #a6c9e2c9;
    background-blend-mode: lighten;
    padding:2em 1em 1em 1em;
    box-sizing: border-box;
}

#maintitle{
    text-align:center;
    font-weight: bold;
    font-size:2.8em;
    padding-top:0.8em;
    padding-bottom: 0.5em;
    color:#fff;
}

#maintitle > div:first-child
{
    text-align: left;
}

#mainusername_div,#mainpassword_div,#maincompany_div
{
    display:flex;
    flex-direction: row;
    gap:2px;
}

#mainpassword_div
{
    margin: 0.5em 0;
    border: 1px solid #ddd;
    border-radius: 0.6em;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    background-clip: padding-box;
    color: #333;
}

#mainpassword
{

}

#mainusername,#maincompany{
    margin: 0.5em 0;
    border: 1px solid #ddd;
    border-radius: 0.6em;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
    background-clip: padding-box;
    color: #333;
}

#i-username,
#i-password,
#i-company{
    margin: 0;
    min-height: 2.2em;
    text-align: left;
    border: 0;
    background: transparent none;
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    padding: .4em;
    line-height: 1.4em;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-size: 1em;
}

#i-username:focus:not(.focus-visible),
#i-password:focus:not(.focus-visible),
#i-company:focus:not(.focus-visible){
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    background-clip: text !important;
}

.ar-icon24{
    width:24px;
    height:24px;
}

#passview.ar-icon24{
    margin-top:25%;
    margin-right:5px;
}

.ar-icon-eye::before {
    content: url('../img/eye.svg');
}

.ar-icon-eye-slash::before {
    content: url('../img/eye-slash.svg');
}

#i-submit{
    font-size: 16px;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-clip: padding-box;
    line-height: 1.3;
    border-radius: .3125em;
    font-weight: bold;
    background-color: #9dce2c;
    color:#fff;
}

#i-submit:hover {
    background-color: #8bb425 !important;
}

#i-forgot{
    display:inline-block;
    text-align:right;
    margin:5px 0px 5px 10px;
    padding:5px;
    font-size:0.8em;
    color:#4c80b6;
    font-weight: bold;
}

#loginbox{
    max-width: 450px;
    margin:auto;
}

#mainerror{
    font-size:0.8em;
    font-weight: bold;
    color: #D00000;
    padding:5px;
    height: 26px;
    box-sizing: border-box;
}

#logindiv
{
    padding:0px 30px 0px 30px
}