@font-face {
    font-family: "HPE-light";
    src: url('/qcbin/fonts/MetricWeb-Light.woff');
}

@font-face {
    font-family: "HPE-regular";
    src: url('/qcbin/fonts/MetricWeb-Regular.woff');
}

@font-face {
    font-family: "HPE-bold";
    src: url("/qcbin/fonts/MetricWeb-Bold.woff");
}

p {
}

td {
}

tr {
    height: 30px;
}

a:hover {
}

a:link {
}

a:visited {
}

a:active {
}

html {
    background: #FFFFFF center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {

}

.main_layout {
    margin: 0 auto;
    width: 53%;
    min-width: 390px;
    position: relative;
    padding-top: 20vmin;
    padding-left: 25vmin;
}

#login_mf_logo {
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
}

.form_layout {
    width: 68%;
    min-width: 240px;
    height: auto;
    position: absolute;
    padding-top: 170px;
    padding-left: 230px;
    text-align: left;
}

.alm_name {
    font-size: 4.5vmin;
    color: #000000;
    font-family: HPE-bold;
    width: auto;
    text-align: left;
    margin-bottom: 10%;
    display: inline-block;
    min-width: 240px;
    min-height: 47px;
}

input.text_box {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.20) !important;
    border-style: none none solid !important;
    border-width: 2px;
    border-color: #E0E0E0;
    height: 22px;
    width: 100%;
    margin-top: 10px;
}

.login_form {
    display: inline;
}

#loginform {
    text-align: left;
    max-width: 565px;
    border-style: none solid solid none !important;
    border-color: #F5F5F5;
    border-width: 5px;
    padding: 0 0 40px 15px;
}

#login_alm_art_work {
    float: left;
    display: inline;
    width: 262px;
    max-width: 262px;
}

.field_name {
    font-family: HPE-regular;
    font-size: 1.5vmin;
    color: #B4B4B4;
}

#submit_button {
    min-width: 62px;
    height: 37px;
    background-color: #0073E7 !important;
    color: #FFFFFF !important;
    font-size: 1.3vmin;
    font-family: HPE-bold;
    border: 0px;
    margin-top: 0px;
}

#table {
    width: 88%
}

.error-message{
    font-family: HPE-regular;
    font-size: 2.2vmin;
    color: red;
}

.placeholder{
    color: #666;
    font-size: 13px;
}

.placeholderInnerContainer{
    margin-top: -22px;
    height:22px;
    margin-left: 3px;
}

/*Responsive Configuration*/
@media screen and (max-width: 1300px) {
    .form_layout {
        min-width: 240px;
        padding-top: 150px;
        padding-left: 206px;
    }

    .main_layout {
        padding-left: 6%;
    }

    #login_alm_art_work {
        width: 230px
    }
}

@media screen and (max-width: 900px) {
    .form_layout {
        min-width: 240px;
        padding-top: 23%;
        padding-left: 32%;
    }

    .main_layout {
        padding-left: 0;
    }

    #loginform {
        padding: 0 0 20px 0;
    }

    #login_alm_art_work {
        width: 36%
    }
}

/* Button */
.button-standard {
    width: 80px;
    height: 30px;
    background-color: #0073E7 !important;
    color: #FFFFFF !important;
    font-size: 14px;
    border: 0px;
    text-align: center;
}