﻿body {
    background-color: #1c262c;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

form {
    background-color: #1c262c;
}

#mainWM {
    width: 100%;
    position: absolute;
    background-color: #1c262c;
}

#mainWM_mobile {
    width: 100%;
    position: absolute;
    background-color: #1c262c;
}

#mainWMLogin {
    background-color: #1c262c;
    margin: auto;
    width: 800px;
    height: 550px;
    background-image: url(../App_Themes/DescorMetroSD/Images/homepage/wm_login_back.png);
    background-repeat: no-repeat;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#mainWMLoginForm {
    /*padding-top: 210px;*/
    padding-top: 240px;
    padding-left: 210px;
    width: 600px;
    display: block;
}

/*#mainWMLogoCompany {
            padding-top: 70px;
            padding-left: 410px;
            width: 200px;
            display: block;
            border:1px solid;
        }*/

#mainWMClientLogo {
    top: 50px;
    width: 410px;
    display: block;
    position: absolute;
    right: 100px;
}

#mainWMLoginForm input.inputField {
    padding: 10px;
    border: solid 3px #93adbd;
    box-shadow: inset 0 0 0 1px #93adbd;
    transition: box-shadow 0.3s, border 0.3s;
}

    #mainWMLoginForm input.inputField:focus,
    #mainWMLoginForm input.inputField.focus {
        border: solid 3px #ffb12a;
    }

#mainWMLoginForm label {
    width: 100px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    font-size: 16px;
    color: #EEE;
}


#mainWMLoginForm input.submitButton {
    -moz-box-shadow: inset 0px 34px 0px -15px #f2bf18;
    -webkit-box-shadow: inset 0px 34px 0px -15px #f2bf18;
    box-shadow: inset 0px 34px 0px -15px #f2bf18;
    background-color: #eba709;
    border: 1px solid #241d13;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 23px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #f5a40c;
    margin-left: 270px;
}

    #mainWMLoginForm input.submitButton:hover {
        background-color: #f2bf18;
    }

    #mainWMLoginForm input.submitButton:active {
        position: relative;
        top: 1px;
    }


#mainWMFormTitle {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 28px;
    left: 90px;
    top: 210px;
    width: 610px;
    height: 35px;
    display: block;
    position: absolute;
    text-align: center;
}
