﻿.tec-page {
    width: 416px;
    margin: 20px auto 0px auto;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
}

.tec-header {
    position: relative;
    margin: 0px;
    padding: 0 0 10px 0;
    height: 80px;
    display: block;
}

.tec-main {
    width: 400px;
    padding: 10px 25px;
    margin: 8px 8px 8px 8px; /*min-height: 350px;*/
    background: #FFFFFF repeat-x left top;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #CCC;
}

.tec-login {
    margin: 0 0px 0px 0px;
    padding: 0px;
}

.tec-submitbutton {
    width: 100%;
}

.tec-field {
    margin: 10px 0;
}

.tec-login-height {
    height: 34px;
}

.tec-login-font {
    font-size: 14px;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

input {
    font-size: 14px;
}


input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 50px white inset;
}

.tec-login .tec-lang:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tec-login .tec-lang a {
    float: right;
    display: block;
    height: 11px;
    width: 37px;
    line-height: 11px;
    border-right: 1px solid #6D787D;
    font-size: 12px;
    color: #333;
    text-align: center;
    text-decoration: none;
}

.tec-error {
    color: #a94442;
}

.tec-has-error .tec-textbox {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.tec-spacer {
    height: 30px;
    clear: both;
}

.tec-msg-wrap {
    height: auto !important;
    margin: 2px 0 5px;
}

.tec-msg-error {
    position: relative;
    background: #ffebeb;
    color: #e4393c;
    border: 1px solid #faccc6;
    padding: 3px 10px 3px 40px;
    line-height: 18px;
    min-height: 18px;
    _height: 18px;
    font-size: 12px;
}

    .tec-msg-error b {
        position: absolute;
        top: 50%;
        left: 10px;
        display: block;
        margin-top: -8px;
        width: 16px;
        height: 16px;
        overflow: hidden;
        background: url(images/login-icons-new.png) -104px -49px no-repeat;
    }



       div#background_branding_container {
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition-property: opacity;
    transition-duration: 1s;
}

   img#background_background_image {
    position: fixed;
    /*width: 100%;
    height: 100%;*/
}

   #login_panel {
    display: none;
    border-left: 1px solid #fff;
}
.login_panel {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
}
    .footer_glyph {
    width: 100%;
    height: 100%;
    text-align: right;
    margin-right: 0;
}
.footer_glyph {
    width: 40px;
    height: 30px;
    padding: 0;
    padding-right: 7px;
}

.text-caption {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    /*font-size: .75rem;*/
    line-height: .875rem;
    padding-bottom: 1.1816px;
    padding-top: 1.1816px;
}

.tec-footer_version {
    text-align: left;
    padding-left: 35px;
    width: 248px;
}

#footer_table {
    width: 100%;
    max-width: 350px;
}

.footer_block {
    width: 350px;
    color: #767676;
    font-family: "Segoe UI Webfont","Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}

.login_footer_container, .push {
    height: 50px;
    width: 100%;
    position: absolute;
    top: 100%;
    margin-top: -70px;
}

a {
    text-decoration: none;
    color: #2872dd;
    background-color: transparent;
}

.tec-titlesize{
    font-size: 30px;
}

.tec-title{
    text-align:left;
    margin-top: 20px;
}

.tec-leftimage{
    width: 1520px;
    height: 1013px;
    background-color: rgb(235, 60, 0);
    visibility: visible;
    display: block;
    z-index: 11111111;
}

.tec-noborder{
    border: none;
}

.tec-leftalign{
    text-align:left;
}

.tec-footimage{
    width: 140px;
    height: 49px;
}

.tec-panel{
    display: block!important;
    top: 20%;
}

.tec-brandbackground{
    background: rgb(235, 60, 0);
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #aaa;
}

.tec-footer{
    height: 50px;
    margin-bottom: 10px;
}