﻿body {
    background: url('../../Themes/img/bg1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#logo {
    background: rgba(213, 195, 185, 0.95);
    width: 220px;
    margin: auto;
    position: relative;
    top: 30px;
}

#log-tbl {
    width: 100%;
    height: 100%;
    display: table;
    clear: both;
    content: '';
}

#log-contain {
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 140px;
}

#login {
    color: #555;
    width: 460px;
    margin: auto;
    padding: 65px 25px 20px 25px;
    background: rgba(255, 255, 255, 0.75);
    text-align: left;
}

#log-contain .tbl {
    margin: auto;
    padding: 15px 10px;
    background: rgba(239, 239, 239, 0.75);
    width: 460px;
}

#login .input-icon > .icon {
    color: #CCC;
}

#login .input-icon {
    position: relative;
    top: -20px;
}

#login .form-group.remember {
    margin-bottom: 30px;
    color: #777;
}

#login label {
    font-weight: normal !important;
}

.social {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 150px;
    right: -250px;
}

.social > .btn {
    width: 40px !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-primary {
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.btn-info {
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.bg-switch {
    position: absolute;
    width: 100px;
    height: 312px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.55);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 50%;
    margin-top: -156px;
}

.bg-switch img {
    margin: 5px 0px;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.bg-switch img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.bg-switch a, .bg-switch img {
    outline: none !important;
}

.bg-switch img.active {
    opacity: 1.0;
    filter: alpha(opacity=100);
}